[REACT]프로젝트 환경 구축

프로젝트를 시작하기 전에 Node 환경, Mongo DB, 로그인 기능 등의 환경을 구축해두었다.

 

John Ahn님 강의

 

이제 본격적으로 React를 학습할 차례이다.

 

먼저 리액트란 모두 알다시피 JS 라이브러리이다.

 

가장 큰 특징은 재사용성이다.

 

그 이유는 컴포넌트로 이루어져 있기 때문이다.

 

다음 특징으로는 Virtual DOM이다.

 

먼저 Real DOM은 만약 여러개의 리스트가 있을 때 하나의 리스트만 업데이트가 되어도 새로 Reload해야된다.

 

반면에 Virtual DOM은 그 바뀐 한가지 리스트만 DOM에서 바꿔준다.

 

그렇게 될 수 있는건 구조 때문이다.

 

먼저 리액트는 JSX를 렌더링 한다. 이 과정에서 Virtual DOM이 update가 된다.

 

Virtual DOM은 이전 버전을 찍어둔 snap shot을 가지고 있어서 바뀐 부분을 확인할 수가 있다.

 

만약 변경 사항이 있다면 그 변경 내용을 Real DOM에서 바꿔주는 것이다. 

 

이러한 특징들을 최대한 살려 리엑트를 사용한 프로젝트를 시작할 것이다.