[react] git 생성 및 빌드 명령어 정리
create-react-app으로 만든 파일을 github에 업로드하는 방법이 궁금했는데,
마침 노마드코더에서 다뤄줘서 필요한 명령어를 정리해놓고자 한다.
git 생성 및 업로드
1) 프로젝트 폴더가 있는 위치에서 git 생성
git init
2) github.com/new -> 새로운 저장소 생성 혹은 기존 저장소 주소 활용
3) 원격저장소(이하 github) 연결
git remote add origin {해당 저장소 주소}
4) 모든 파일 github에 업로드할 준비 (staging area)
git add .
5) 로컬저장소(git directory)에 저장(커밋)
git commit -m "저장할 메시지"
6) 로컬저장소 -> 원격저장소인 github로 업로드
git push origin master
React build 명령어
gh-page를 이용해서 html,css,js의 웹페이지 빌드가 가능해졌다.
1) 설치방법 : 다음과 같은 명령어를 터미널에 입력해서 설치한다.
npm i gh-pages
2) package.JSON설정 :
- 'homepage'를 만들어준다. 이 부분은 필수이다.
- 'scripts' 부분에서 "deploy", "predeploy"를 다음과 같이 추가한다.
- npm run build 명령어가 build폴더를 생성하고
- gh-pages -d build명령어로 build된 폴더를 gh-pages에 업로드하는 것이다.
- 이 부분을 병합해서 npm run deploy하나의 명령어로 실행할 수 있도록 json을 설정했다.
3) 빌드 명령어
npm run deploy
- 노마드코더 참고
#9.1 Creating a Github Repository
#13.0 Deploying to Github Pages
#7.7 Publishing (2021 update)
Author And Source
이 문제에 관하여([react] git 생성 및 빌드 명령어 정리), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@natural_min/react-nomad20저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)