[React] 1. 리액트 환경 설정하기 | 민민의 하드디스크 - 티스토리

리액트 환경 설정하기

 

1. Node.js + npm 설치하기

Node.js는 크롬 V8 자바스크립트 엔진으로 빌드한 자바스크립트 런타임이며, 웹/앱 등 많은 프로젝트에 사용된다.
백엔드 프로그래머의 필수 요소로 자리잡았다.

https://nodejs.org/ko/download

다운로드 | Node.js

설치가 되었다면 터미널 창에서 확인 가능

$ node -v

 

 

2. Yarn 설치

yarn은 npm의 글로벌 설치 기능을 통해 설치가 가능하다.

$ npm install --global yarn

설치가 되었다면 터미널 창에서 설치확인

$ yarn --version

 

 

 

3. 에디터(VS Code) 설치

https://code.visualstudio.com/download

Download Visual Studio Code - Mac, Linux, Windows

 

 

4. 환경 설정

위 내용을 다 완료했다면

https://2minmin2.tistory.com/33

[VSCode] Visual Studio Code에 node.js 설치하기 | 민민의 하드디스크 - 티스토리

확장프로그램을 다운받는다

 

 

5. 프로젝트 생성하기

설치 및 설정이 다 되었다면

프로젝트만 생성시켜주면 된다.

vscode 터미널이나 cmd로 설치 가능

방법1

yarn create react-app <프로젝트 이름>

방법2

$ npm init react-app <프로젝트 이름>

$ cd <프로젝트 이름>

 

프로젝트 시작

$ yarn start // 프로젝트 시작하기

 

 

실행 화면

위 브라우저가 실행되면 잘 설치되었다는 뜻이다.