02-1) 슈퍼빠른 create-react-app / 02-2) github에 리액트 앱 업로드

02-1. 슈퍼빠른 create-react-app

1. boiler plate

- 개발을 바로 시작할 수 있도록 만든 기초환경

- ex.create-react-app : 리액트 개발을 바로 시작할 수 있도록 프로젝트 구조,설정 작업 등을 자동으로 진행해주는 도구

 

2. create-react-app으로 리액트 환경 설정하기

npx create-react-app movie_app_2021

 

3. 파일 수정하기(VS Code에서 파일 수정)

1) ReadMe.md

# Movie App 2021
React JS Fundamentals Course 2021

 

2) package.json  script 키값 수정

- script key : 일종의 명령어(start, build, test, eject)

- test,eject는 미사용으로 삭제

  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build"
  },

 

4.React 실행하기

1) 터미널에서 root 폴더로 이동 후 명령어 실행

- 그리고 오류..

- 나는 실제 root 경로(/)로 가서 npm start를 주구장창 했었는데,, 그냥 movie_app_2021폴더의 상위 경로로 가서 실행하면 됨

 

2-2) 깃헙에 React App 업로드하기

1. github에서 repository 생성

 

2. github에 업로드

// movie_app_2021 경로
git init 

git add .

git commit -m "02-2 깃허브에 리액트 앱 업로드하기"

git remote add origin https://github.com/본인계정/레포이름.git

git push -u origin master

 

3.github에 업로드 된 화면