[Git] 리액트로 빌드 된 프로젝트 빌드, 배포

- react로 build 된 페이지를 수정 및 재배포

- yarn 환경

 

 

1. 프로젝트 세팅

// 내 로컬로 복사
git clone https://github.com/{username}/{repo-name}.git

// 로컬 프로젝트 폴더로 진입
cd {repo-name} 

// yarn start
yarn
yarn start

 

 

2. 작업 후 커밋, 푸쉬

// 내 branch 체크 (생략가능)
git branch 

// 내 git의 현재 상태 체크 (생략가능)
git status 

// 작업 파일들이 stage에 올라가 있는지 체크
git add . 

// 메시지 작성 및 커밋
git commit -m "커밋메시지"

// 작업 파일들이 올라갈 url(주소)확인
git remote -v

// 확인한 주소로 push
git push origin main

 

 

3. 빌드 및 배포 (git Bash에서 하기)

// build
$ yarn build
$ yarn run deploy

 

 

 

 

* 이 과정에서 겪은 터미널 시행착오들

 

 

1. git push 후 에러 메시지

 

fatal: The current branch main has no upstream branch.
    git push --set-upstream origin main
To have this happen automatically for branches without a tracking
upstream, see 'push.autoSetupRemote' in 'git help config'.

 

원인 : 

해결 : git remote -v로 브랜치 확인 후 해당 위치로 push 경로 수정

git push (X)

git push origin main (O)

 

*참고
https://www.freecodecamp.org/korean/news/git-push-to-remote-branch/

 

 

2. yarn build 후 VS code 오류 메시지

 

yarn : 이 시스템에서 스크립트를 실행할 수 없으므로 ~~ 파일을 로드할 수 없습니다. 자세한 내용은 about_Execution_Policies(https://go.microsoft.com/fwlink/?LinkID=135170)를 참조하135170)를 참조하
십시오.
위치 줄:1 문자:1
+ yarn build
+ ~~~~
    + CategoryInfo          : 보안 오류: (:) [], PSSecurityException
    + FullyQualifiedErrorId : UnauthorizedAccess

 

원인 : 스크립트의 권한이 제한되어 생기는 오류

해결 : 터미널을 powershell이 아닌 git bash로 변경하니 해결됨 !