GitHub Actions로 빌드 후 GitHub Pages에 배포하기

GitHub Pages를 통해 저장소의 특정 브랜치를 배포 디렉토리로 지정하여 아주 간편하게 웹사이트를 호스팅할 수 있습니다. 하지만 요즘 웹 개발에서 HTML, CSS, JavaScript를 직접 작성하는 일은 드물죠? 대부분 React와 같은 프론트엔드 라이브러리와 Vite와 같은 빌드 도구를 사용하여 HTML, CSS, JavaScript를 생성해낼 것입니다.


이번 시간에는 웹 프로젝트를 GitHub Actions를 사용하여 빌드하고, 빌드 결과물을 바로 GitHub Pages에 배포하는 방법에 대해서 알아보겠습니다.


📺 동영상: https://youtu.be/bGCIWIP_skg

📝 포스팅: https://www.daleseo.com/github-pages-actions/


GitHub Pages에 웹사이트를 호스팅하는 기본적인 방법은 아래 게시물을 참고바랍니다.


📕 GitHub Pages에 웹사이트 배포하기: https://careerly.co.kr/comments/115041

📗 GitHub Pages에 커스텀 도메인 연결하기: https://careerly.co.kr/comments/115256

다음 내용이 궁금하다면?

또는

이미 회원이신가요?

2024년 12월 29일 오후 10:27

 • 

저장 51조회 4,196

댓글 0

    함께 읽은 게시물


    이게 실제로 광고 돌려보는 사람들은 알겠지만 과거 퍼포먼스 마케팅 셋팅이라는게 전문 담당이 몇명씩 붙을 정도로 상당히 복잡한 작업이었음. 최근에 메타 광고 돌려보면 상당부분 자동화 되어있고 광고주가 점점 할게 없는 수준.

    ... 더 보기

    메타의 AI 기반 광고 플랫폼, 광고산업의 종말을 가져올까[테크트렌드]

    magazine.hankyung.com

    메타의 AI 기반 광고 플랫폼, 광고산업의 종말을 가져올까[테크트렌드]

    🎯 유튜브에 100번째 코딩 테스트 문제 풀이 영상을 올렸습니다!

    ... 더 보기

    달레의 코딩 테스트

    www.youtube.com

    달레의 코딩 테스트

     • 

    댓글 1 • 저장 28 • 조회 4,154


    PM이 이해하면 좋은 지표 개념

    프로덕트 매니저(PM)로 일하면서 늘 지표 이야기를 듣게 됩니다. 대부분 PM은 선행지표(leading indicator)와 후행지표(lagging indicator)의 개념을 잘 이해하고 있습니다. 하지만 선행지표에 영향을 미치는 '인풋(input) 지표, '아웃풋(o

    ... 더 보기

     • 

    댓글 1 • 저장 38 • 조회 1,521


    소프트웨어 개발 방법론의 역사

    조회 1,003


    Next.js 프로젝트를 AWS EKS에 배포하며 배운 것들

    ... 더 보기

    쿠버네티스를 활용한 클라우드 네이티브 데브옵스 | 존 어런들 - 교보문고

    product.kyobobook.co.kr

    쿠버네티스를 활용한 클라우드 네이티브 데브옵스 | 존 어런들 - 교보문고

     • 

    저장 22 • 조회 2,111