[React] Node.js와 VS Code를 이용하여 설치하기

React 설치하기

VS Code Terminal에서 프로젝트를 하고자 하는 폴더 디렉토리 설정후 (cd "주소")
다음과 같이 설치해준다

npm install -g create-react-app

(-g 옵션으로 인해, global 패키지로 설치했다. 즉, 특정 폴더에서 사용가능한게 아니라 전체 폴더에서 사용 가능하다)

 

React 폴더 만들기

React 폴더를 따로 만들어준다. (뒤에 management는 React를 설치한 폴더이름이다.)

create-react-app management

이렇게 react 폴더를 설치해주면, 해당 위치에 management란 React 폴더가 만들어진다.

 

React 실행하기

VS Code에서 management 디렉토리로 이동한 다음에 (cd management) 다음과 같이 실행한다

npm install -g yarn	// yarn 설치
yarn start	// yarn 실행

이렇게 작성하게 되면, localhost::3000 웹브라우저로 React가 부팅이 완료된다.

 

출처: 동빈나