리액트 개발 환경 세팅 및 샘플 앱 실행

1. node js 설치

-

2. cmd를 켜고

npm -v 입력했을 때 버전이 나오면 잘 설치된 것.

-

3. npm install -g create-react-app (설치 진행)

create-react-app -V 입력했을 때 버전 나오면 잘 설치된 것.

-

4. 개발할 때 사용할 폴더를 생성하고 그 폴더로 이동한 뒤,

create-react-app .  (설치 진행)

완료되면 개발환경 세팅 끝.

-

5. visual studio code 설치 후, 개발환경 세팅한 폴더 불러오면 소스 수정 가능.

-

6. view -> terminal

npm run start 입력하면 샘플 앱 페이지 생성됨. 

npm run build 빌드 (배포용 앱 생성)

npm install -g serve 웹서버 설치

npx serve -s build 한번만 실행시킬 웹서버 실행

 

개발환경 - React