아자아자 화이팅이닷 !

* Hook을 사용할 때 유의사항 * Hook은 컴포넌트에서 데이터를 관리(State)하고 데이터가 변경될 때 상호작용(Effect)을 하기 위해 사용한다. * State Hook - useState를 호출하고, return되는 값을 destructuring assignment를 이용해서 각각의 변수로 선언한다. - 이 말은 즉, useState라는 훅 함수를 호출하면, array가 반환이 되고, 0번째 인덱스에는 현재 값, 1번째 인덱스에는 값을 바꾸기 위한 또 다른 함수를 갖고 있는 것을 의미한다. - 즉, Hook이라는 것은 함수이다. - state가 변경되면 react가 마법같이 알아차려서 component를 다시 그려주는게 아니고, setState 함수를 호출할 때, state 값을 변경함과 동..

* Props(properties)는 사용할 때 DOM의 attribute와 비슷하다. * DOM Element의 Attributes - 여기에서 aria는 접근성과 관련된 설정들의 접두어이다. 장애인분들이 웹 페이지를 쉽게 접근할 수 있도록 도와주는 중요한 Attribute이다. - style은 String이 아닌 Object로 작성해야한다. - checked와 value는 input element에서 쓰이는 것들인데, 기존 html에서는 이 값들을 설정하면 기본값을 설정하는 역할을 하게 되는데, react에서는 다르게 작동한다. => value 값을 설정하게 되면 기본값으로 할당되는게 아니고 딱 그 값으로 고정되어 버린다. 그래서 value를 설정한 input element에 실제로 값을 입력하려고 ..

* 선택 강의로 최신 자바스크립트 문법 알아보기 강의가 있어서 따로 정리 ! * var, const, let * var도 선언한 후에 변경이 자유롭지 않나 ? => var와 let의 가장 큰 차이점 : 변수의 스코프 * ex) a라는 함수 안에서 var를 이용해 변수를 하나 선언했을 때, 함수 밖에서 이 변수를 참조하면 문제 없이 값을 가져올 수 있음 하지만, let을 이용해 함수 안에서 변수를 선언하게 되면 함수 밖에서는 이 변수를 참조할 수 없음 => 함수가 여러개 있을 때 동일한 이름을 갖는 변수를 각각의 함수 안에서 선언 => 스코프가 명확하게 구별되지 않고 변수를 참조할 수 있게 된다면 큰 혼란을 야기할 수 있다. => 항상 스코프에 유의하면서 개발을 해야함 => var 대신 let과 const..

1차 플젝이 끝나고 다시 강의 주간이 돌아와따 ..! 2차 플젝을 위한 빌드업이 아주 잘 되어있어서 할 것 같다는 느낌에 ,, 매우 열심히 리액트를 공부해야 할 것 같다 ,,., * React는 UI를 구성하기 위해 '컴포넌트'라는 단위로 개발을 진행한다. * React는 내부적으로 Virtual DOM(가상 DOM)을 통해 렌더링을 진행한 뒤 변경점만 사용자 화면에 반영한다. * React를 사용할 때 JSX를 사용하는 것은 선택사항이다. 그러나 개발 효율을 위해 사용하는 것을 권장하고 있다. * React는 컴포넌트 단위로 앱을 작성하여 코드의 재사용성을 늘릴 수 있다. * React는 한 페이지에서 데이터가 자주 바뀌는 웹앱을 개발하는 데 적절하다. * React는 대규모 프로젝트에서 데이터를 효율..

* 동적 타이핑은 자바스크립트의 특징이다. * 타입스크립트는 컴파일 단계에서 타입에러를 미리 확인할 수 있다. (런타임 X) * 타입스크립트는 변수에 타입을 적용하여 클린 코드를 작성할 수 있도록 돕는다. * 타입스크립트를 이용하면 유지 보수가 유리하기 때문에 개발 속도도 자연스럽게 빨라진다. * 일반적으로 JAVA와 같은 다른 언어에서는 기본 자료형은 시스템 자원이 많이 소모된다는 단점이 있어서 내장 함수를 제공하지 않는다. 하지만 JS의 다른 처리방식 덕분에 기본 자료형에서 내장 함수를 제공하여 사용이 가능하다. * 타입스크립트에서 추가로 제공하는 타입 : tuple, enum, void, never 등 * 타입스크립트의 원시 데이터 형(primitive data type) : symbol, bool..

* JS는 싱글스레드여도 경쟁상태가 일어난다. * IO : 컴퓨터 외부로부터 가져오는거 => 비동기 * 동기라고 무조건 싱글스레드는 아니다. * JS는 싱글스레드로 동작되지만 비동기 동작할 때(ex. fetch)내부에서 안보이게 스레드가 추가된다. * CPU를 많이 사용하는 작업을 할 때에는 스레드를 쓰면 좋다. * 면접질문 : 비동기 (JS쪽) * callback -> reactive (ex. 버튼을 눌렀을 때 반응이 가게) => 요청이 들어왔을때 반응을 하게 * 비동기 코드를 사용할 수 있는 이유 : 이벤트 루프와 플랫폼 API 제공해줘서 * 이벤트 루프가 메인 스레드라고 생각하면 된다. * 마이크로태스크 큐에서 먼저 실행한다. * Promise의 콜백은 마이크로태스크 큐에 넣어진다. * 마이크로태스..

* 고성능 JS의 발달과 V8 엔진의 등장은 Node.js의 탄생 배경이 된다. * 이벤트 루프는 Node.js의 구성요소 중 하나로 브라우저에서도 사용하는 기술이며 Node.js의 등장 배경과는 관련이 없다. * Node.js는 싱글쓰레드 기반이고, 비동기 동작을 기본으로 하며 이벤트 기반 동작을 사용한다. * Node.js는 서버뿐 아니라 모든 영역을 지원하는 런타임이다. * 이 부분이 제일 핵심이라고 생각 ! * Node.js는 크로스 플랫폼에서 실행되고, 동작에 큰 제한이 없으며 사용 분야의 제한 없이 다양한 분야에서 사용가능하다. (브라우저 상에서 실행되는건 아님) * 03 Node.js 문제집 > 시 낭송하기 다시 한번 보기 ! * 03 Node.js 문제집 > 커피 제조 모듈 만들기 다시 한..

* await 키워드로 비동기 처리에 순서를 부여한다. await 키워드는 여러개가 쓰였을 시, 뒤쪽 코드를 Promise의 .then()함수를 사용하는 것처럼 만들어, 비동기 처리에 순서를 부여한다. * 에러가 발생했을 경우, try-catch 구문으로 에러를 처리할 수 있다. * async 함수는 동기적으로 보이지만 비동기적으로 실행된다. 단, 내부에서 await 키워드가 쓰이지 않았을 경우엔 Promise.resolve()로 처리된다. *await 키워드는 프로미스를 리턴하지 않는 함수라도 사용할 수 있다. 단, 이 경우 리턴한 데이터는 Promise.resolve()로 감싸진다. * HTTP는 단순히 서버와 클라이언트 간 통신방법을 정한 통신규약 * REST API는 그 규약을 어떻게 하면 잘 사..