yohanistory

이전 글 2022.03.19 - [분류 전체보기] - gh-pages로 웹페이지 배포 -2- (React 페이지 배포) gh-pages로 웹페이지 배포 -2- (React 페이지 배포) 1. Github 리포지토리 설정 기존에 연결되어 있는 저장소 사용하면 된다. 단, public이어야 한다. (유료버전은 private도 가능) 2. 프로젝트 설정 1) package.json 이 없는 경우 npm init -y 2) gh-pages 설치 npm.. zuyo.tistory.com 1. Github Action 생성 프로젝트에 .github/workflows 라는 이름의 폴더를 생성하고, 그 안에 gh-pages.yml 파일을 생성. 내용은 아래와 같이 작성한다. name: Build and Deploy #..

1. Github 리포지토리 설정 기존에 연결되어 있는 저장소 사용하면 된다. 단, public이어야 한다. (유료버전은 private도 가능) 2. 프로젝트 설정 1) package.json 이 없는 경우 npm init -y 2) gh-pages 설치 npm i gh-pages 3) package.json 설정 homepage (경로에 대문자가 있어선 안 됨) https://[유저이름].github.io/[프로젝트명(원격저장소명)]/ "homepage": "https://shield41791.github.io/movie_app/" 스크립트 추가 "deploy": "gh-pages -d build", "predeploy": "npm run build" 3. 스크립트 실행 npm run deploy de..

1. Github 리포지토리 설정 기존에 연결되어 있는 저장소 사용하면 된다. 단, public이어야 한다. (유료버전은 private도 가능) 2. 프로젝트 설정 index.html 파일이 필요하다 3. Github Pages 설정 Setting - Pages Source 부분을 main 등의 브랜치로 설정해준다. 4. 배포 확인

참고 : http://rogerdudler.github.io/git-guide/index.ko.html 새 저장소 만들기 1. 폴더 생성 2. 폴더 내에서 아래 명령 실행 git init 저장소 받아오기 (clone) git clone 경로 ※ 작업의 흐름 Working directory : 실제 파일들 Index : Staging area (준비 영역) HEAD : 최종 확정본 (commit한 것들) Staging area에 추가 git add 파일명 모두 추가 git add * git add --all Commit (HEAD에 반영) git commit -m "커밋 메시지" Push (발행, 원격 저장소에 올리기) git push origin master git push origin 브랜치명 ※ 작업..