# gh pages

📌 gh-pages

: 결과물을 github pages에 업로드할 수 있는 기능.

방법

1. gh-pages 설치

npm i gh-pages 

2. 최적화

npm run build 

3. 페이지 주소 만들기
   package.json 파일 하단에 아래 문구 추가
   (git remote -v 로 리포지토리 이름 확인할 수 있음.)

"homepage": "https://깃허브닉네임.github.io/리포지토리이름"

4. deploy, predeploy
   deploy 역할 : gh-pages 를 실행시킴
   package.json 파일의 "scripts" 부분에 아래 문구 추가

 "deploy": "gh-pages -d build",
 "predeploy": "npm run build"

5. deploy 실행

npm run deploy

6. 정해놓은 주소 검색하기
   아래 화면이 뜨면 당황하지 않기!
   -> 시간이 5분 정도 소요되므로 기다려준다.
   

+ 에러

gh pages를 만들던 중 페이지가 보이지 않고 아래와 같은 오류가 발생할 때

error with Permissions-Policy header: Origin trial controlled feature not enabled: 'interest-cohort'.

BrowerRouter 말고 HashRouter를 써보라는 조언이 있어서 바꾸었는데도 같은 오류가 발생해서 아래 글을 참고해 index.html에 meta 태그를 추가했다.
참고

<meta http-equiv="Permissions-Policy" content="interest-cohort=()">

그랬더니 아래와 같은 새로운 오류가 발생해서 다른 글을 참고했더니 처음 에러 메세지는 동일하게 떠있지만 화면은 잘 작동한다.
참고

DevTools failed to load source map: Could not load content for