노마드코더 'react로 웹사이트 만들기'를 보면서 정리한 내용입니다.


 

1. git remote -v 로 프로젝트 이름과 user name 가져오기

{user name}.github.io/{project이름}

 

2. gh- pages 설치되어 있지 않으면 terminal에

npm i gh-pages 

 

3. 프로젝트의 package.JSON 으로가서 아래 문구 추가 (모든 알파벳은 소문자여야 함)

"homepage" : "https://{user name}.github.io/{project이름}"

 

4. package.JSON의 "scripts"에 아래 문구 추가 

"deploy" : "gh-pages"

 

5. 프로젝트 최소화를 위해 터미널에

npm run build

입력하고 enter -> build 폴더 생성 

 

6. package.JSON의 "scripts"에 아래 두 줄 추가

"deploy" : "gh-pages -d build",

"predeploy" : "npm run build" 

 

7. 터미널에

npm run build

입력하고 enter -> https://{user name}.github.io/{project이름} 에 해당 프로젝트가 published 된다.

 

*수정사항이 생겼을 때, npm run build -> npm run deploy 하면 re-published 된다.*

 

1. github에 접속해서 repository 생성 


2. git init

 

3. git add . 

 

4. git commit -m "메세지"

 

5. git remote add origin '깃허브 주소'

6. git push -u origin master

+ Recent posts