[리액트(React) Study Log] [Person App-001] Using Create Reate App

* 사전 준비 : install IDE or Code Editor : Visual Studio Code

 

[리액트(React) Study Log] [Person App-001] Using Create Reate App 

1. npm(node package manager) 설치 (Node.js 설치)

 - Create-React-App 등 react 관련 각종 모듈들을 npm 을 통해 설치할 예정이므로, NodeJS 의 package manager 인 npm을 가장 먼저 설치해야 함.

 - nodejs.org 에 접속 --> LTS 버젼 설치( ex: v10.15.0 LTS)

 

2. CRA(Create-React-App) 설치

 - terminal(Lnux) 또는 command prompt(Window) 를 실행

 - npm install create-react-app -g

(Mac, Linux : npm install create-react-app -g)

- -g option : global install option (해당 프로젝트 폴더내에 설치가 아닌 윈도우 전역에 CRA를 설치해서 다른 프로젝트에서도 CRA의 기능을 사용할 수 있게됨.)

 

3. react project 생성

 - command prompt : creact-react-app <project name>

( create-react-app react-complete-guide )

 - 생성된 프로젝트 폴더로 이동 : cd react-complete-guide

 - npm start --> http://localhost:3000/ 에서 react 기본 web 화면 확인(자동 실행됨)

* 브라우져

( 개발 서버 가동 : npm start, 개발 서버 중지 : Ctrl + C )

 - 리액트 작업시에는 npm start 를 먼저 실행시켜서 development server 가 작업 중 항상 구동되고 있도록 하자. (목적 : coding 시 정상화면 출력, 오류 메세지 출력 등이 실시간으로 반영되므로 그 내용을 참고하면서 작업할 수 있음.)