먼저 배포하고자하는 레포의 상태를 public으로 설정한다.
그다음 해당 레포 폴더에서
npm install gh-pages --save-dev
위 명렁어를 통해 설치하고, package.json에서 아래의 내용을 확인한다.
"devDependencies": {
"gh-pages": "^6.2.0"
}
그 다음 package.json에서 프로젝트에 대한 내용(최상단)에 아래에 내용을 작성한다.
(양식)
homepage : https://(깃허브 유저 이름).github.io/(저장소 이름)/
(예시)
"homepage" : "https://Chajaesik01.github/io/fastcampus",
마지막으로, package.json파일 내에 있는 scripts 부분에서
"predeploy" : "npm run dev",
"deploy" : "gh-pages -d bulid",
이 내용을 추가하여, webpack을 이용한 "번들링"을 하도록 한다.
다음은 CLI에서 npm run deploy를 실행하여 배포한다.
끝!
'패스트캠퍼스 데브캠프' 카테고리의 다른 글
김민태의 데브캠프 2기 - 리액트 프로파일러로 성능 비교하기 2 (0) | 2024.11.07 |
---|---|
김민태의 데브캠프 2기 - 리액트 프로파일러로 성능 비교하기 1 (0) | 2024.11.07 |
김민태의 데브캠프 2기 - 리액트 불변성 지키기 (0) | 2024.11.06 |
김민태의 데브캠프 2기 - 구조 분해 할당(Destructuring) (0) | 2024.11.06 |
김민태의 데브캠프 2기 - React Hooks란? (0) | 2024.11.06 |