[React] React.js 기본 셋팅 및 사용법

리액트는 프론트앤드 개발에 사용되는 프레임 워크이며, 흔히 '반응형 웹페이지'를 만들때 주로 사용된다.

 

또한 리액트를 사람들이 사용하는 가장 큰 이유는 Virtual DOM(가상 DOM) 때문이다. 웹 브라우저가 웹 사이트의 텍스트 문서를 읽어서 DOM(Document Object Model)이라는 트리 구조로 바꾸어서 사용자에게 보여주게 되는데, 웹 개발자들은 사용자의 반응에 따라 이 DOM 트리를 변경하여 웹 사이트의 내용을 갱신한다. 하지만 매번 변화가 있을 때마다 전체 화면을 새로 그리는 것은 성능에 좋지 않다. React는 이 문제를 해결하기 위해 Virtual DOM을 도입하였다. 우선 Virtual DOM은 웹 개발자들이 변화를 주고 싶은 부분만 반영하고 Virtual DOM 과 실제 DOM 사이의 차이점을 찾아내어 그 차이점만 실제 DOM에 반영하게 된다. 

 

 

다음 명령어는 VSC 환경안에 폴더를 만들고 my-app이란 폴더 안에 리액트 앱을 까는 명령어이다.

npm init react-app my-app

다음 리눅스 명령어는  VSC 환경을 켤 때마다 써야하는 명령어 이다, my-app 디렉토리로 이동한 후, 그 안에 있는 리액트 앱을 실행하는 명령어 이다. 

cd my-app

npm start

 

참고 )

리액트(React)를 왜 사용해야 할까? - 리액트가 강력한 이유 (modulabs.co.kr)

리액트(React)를 왜 사용해야 할까? - 리액트가 강력한 이유

(13) 한시간 만에 끝내는 React.js 입문 - YouTube