React - Movie App 만들기 (2)

Movie App 만들기 (1) 에서는 nodejs, vscode, git을 설치를 했다.

설치에 이어서, vscode와 github를 연동하는 방법이다.

 

 

 

1. cmd에서 npx create-react-app {프로젝트 이름} 입력

npx create-react-app movie_app

( create-react-app 관련 git : https://github.com/facebook/create-react-app )

react app이 만들어지면 movie_app 폴더가 생성된다.

 

 

2. cmd에서 'code movie_app'으로 vscode 열기

 

 

3. package.json 수정

"scripts" 부분에서 "start", "build" 제외하고 삭제

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

 

 

4. vscode 터미널에서 npm start 입력 ( vscode 터미널 단축키 : ctrl + ` )

브라우저가 열리면서 이 화면이 뜨고,

터미널에는 Local: httpL//localhost:3000, On Your Network: http://~:3000 라고 뜬다.

 

 

5. vscode 터미널에서 git init 입력

 

 

6. github에 레퍼지토리 생성

New 버튼 클릭 후, Repository name에 movie_app 입력 -> Create repository 버튼 클릭

 

 

7. vscode 터미널에서 git remote add origin https://github.com/{github아이디}/movie_app.git 입력 후 commit & push