[React] 설치 및 세팅법

1. https://nodejs.org/ko/
2. node.js 최신 버전으로 설치하기
3. visual studio code 사용하기!
4. 원하는 폴더를 만들어서
5. visual studio code에서 file - open folder로 이동

터미널 열어서 리액트 프로젝트 생성 명령을 입력한다.

npx create-react-app 프로젝트명

npx : 라이브러리 설치를 도와주는 명령어 (node.js 설치가 잘 되어있어야 이용이 가능하다.)

create-react-app : 리액트 셋팅이 다 된 boilerplate, 만들기 쉽게 도와주는 라이브러리

 

설치 하면 리액트에 필요한 파일이 다 생성이 된다.

 

코드 짠 것을 미리보기 띄우는 법

npm start

실시간으로 라이브 개발 서버를 띄워줘서 크롬으로 미리보기 가능하다.

 

node.js를 설치하는 이유는?

crated React App이라는 라이브러리를 사용하기 위해 설치한다.

node.js를 설치하면 npm이라는 툴이 딸려오는데, 라이브러리를 쉽게 설치할 수 있는 툴을 사용할 수 있다.