[React] 개발 환경 설정

1. nodeJs 다운로드

https://nodejs.org/ko

Node.js

 

2. NPM 설치

- 노드 패키지 매니저. 노드JS를 설치했다면 정상적으로 설치되었을 것이다.

- NPM의 단점을 개선한 yarn을 설치해도 되지만, 사용상 문제는 없음.

(https://classic.yarnpkg.com/en/docs/install#windows-stable)

 

3. Create React App

- 리액트 프로젝트를 시작할 때 필요한 개발환경을 설정해준다.

- 리액트 프로젝트에 필요한 패키지 요소들을 담은 리액트 앱을 만들어주는 기능.

- cmd에서 프로젝트를 생성할 폴더로 들어가, 'NPM(또는 yarn) create react-app 프로젝트명' 을 입력하면 생성된다.

 

4. React 프로젝트 실행

- cmd로 프로젝트가 있는 폴더에 진입한 후, npm start를 입력.

- http://localhost:3000/ 의 주소로 리액트 프로젝트가 실행된다.

 

5. 개발은 App.js로

- vscode 등 에디터에서 프로젝트를 진행할 때 App.js 파일을 수정할 것.