github page를 이용한 이력서 만들기 (마지막)

김수근·2022년 8월 8일
0

github page 이력서

목록 보기
4/4

이력서 작성 및 디자인이 처음 생각했던만큼 완성된것 같아서 github page를 활용해서 올려보았다.

vscode에서 프로젝트를 연 상태에서 터미널을 열고 차례대로 실행 !!!

패키지 설치하기

npm install gh-pages --save-dev

or

yarn add gh-pages --save-dev

package.json 파일에 정보 추가

"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "predeploy": "npm run build", // add
    "deploy": "gh-pages -d build" // add
  },
  "homepage": "github page url" // add

github pages로 배포

npm run deploy

or

yarn deploy

배포 성공 문구가 나타나고 github page 주소로 들어가보면 보통 1~2분 정도 뒤에 적용이 되는것 같다.

서버 구축 호스팅 처리 등등 여러가지 작업 없이 명령어 몇번으로 페이지와 배포가 되서 너무 편리하다.

시간 날 때 마다 이력서 버전을 업데이트 시켜줘야지....

github page : https://picpal.github.io/resume/

profile
✏️ 꾸준하게 기록하자

0개의 댓글