GitHub Actions로 빌드한 웹사이트를 GitHub Pages에 배포하기
- GitHub Pages로 웹사이트 배포를 자동화하기 위해 GitHub Actions를 사용하는 방법을 학습하세요. 🚥
deploy
에 따른 배포 설정을 GitHub Actions에 전환해야 합니다. 🏃♂️
- 일반적인 웹 개발 프로세스에서 프론트엔드 라이브러리(예: React)와 빌드 도구(예: Webpack)를 사용하는 것이 일반적입니다. 💻
- React 프로젝트를 만들고 곧게 휘어진 파일(index.js)에서 코드를 수정하여 웹사이트 측면에 변화를 반영하세요. 🔂
- 빌드를 실행하여
dist
디렉토리에 빌드 결과물이 생성될 수 있도록 합니다. 🚀
- GitHub Actions Workflow 파일을 만들고
build
그리고 deploy
작업을 정의하여 모든 익스포트가 완벽하게 설정되도록 합니다. ⚙️
- GitHub Actions 빌드 작업을 구성하여 코드를 체크아웃하고 의존성을 설치하고 자산을 배포합니다. 📦
- 업로드 페이지 기반
deploy
작업을 구성하여 GitHub Actions에서 생성된 자산을 진행하여 GitHub Pages로 배포합니다. 🚢