git pages

git pages

• 총 용량 1GB 초과 불가
• 한 달 간 트래픽 100GB미만
• 1시간 동안 10회 이상 빌드 제한
• 백엔드X
• private 유료

github 아이디의 메인 github.io 페이지 생성

계정 생성 후 최초 1번 실행

1. new repository

2. 이름: 아이디.github.io

3. 공개 범위: public

github.io에 연결할 레포지터리 페이지 설정

이후 배포할 프로젝트로 넘어가 진행

package.json

• "scripts" 부분에 추가 (객체)

predeploy": "npm run build",

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

"homepage": "https://계정아이디.github.io/레포지터리명/"

터미널

1. gh-pages 설치 (push하면 자동 build)

2. npm install gh-pages --save-dev

3. 배포

4. npm run deploy (build 후 gh-pages -d build 실행

github 홈페이지

레포지터리

• Settings
  ㄴ pages
  ㄴ gh-pages Branch 선택 후 Save
  ㄴ Actions 로딩 기다리기
  ㄴ Visit Site("homepage": "https://계정아이디.github.io/레포지터리명/")

그 외

index.js

path를 /tmdb/movie 로 설정하고 싶다면

import { BrouserRouter } from 'react-router-dom';

<BrowserRouter basename="tmdb“>
...
</BrowserRouter>