첫날 리액트 배운 것들 정리

리액트 왜쓰지?

실제 페이지의 DOM은 느리다.

왜 느린가?

실제 페이지는 여러 요소들이 중첩되어 있다. DOM을 각 요소들을 하나의 오브젝트로 나타냄.
브라우저는 DOM 요소들이 변할때마다 새로 그려내고, 이 부분에서 성능 저하가 나타남.
이를 개선한게 리액트.


Virtual DOM 이라는 개념을 도입.
변경사항을 바로 DOM에 반영하는게 아니라, 리액트 자체의 Virtual DOM 이라는 구조에 변경사항을 쌓아두고 나서 반영.
실제 DOM에 반영하는 횟수를 줄임. 성능의 개선으로 이어짐.

Node.js 패키지 관리 도구

npm, yarn 두 가지가 있음.
패키지를 관리해주고 프로젝트를 빌드하기도 하고 실행시킬 수도 있음.
maven, gradle 같은 툴인듯?

JSX란?

리액트에서 자체적으로 제작한 DSL.
HTML처럼 작성 가능.