Github Action을 이용해서 React 프로젝트 S3에 배포하기

loakick·2019년 11월 16일
16
post-thumbnail

Github Action

Action은 기존에 있는 서비스 Circle CI, Travis CI, Jenkins와 같은 빌드/배포 자동화 서비스입니다. 기존 서비스에 비해 매력적인 부분은, Github 내에서 소스 코드 관리부터 배포 자동화까지 한번에 처리할 수 있다는 점입니다.

Github Action은 원래 베타 버전이었는데, 2019년 11월 15일 GA가 되었습니다 😆

CI/CD툴을 처음 이용하기 때문에 서툴러서, 정리하기위해 포스팅으로 남기며 살펴볼 예정입니다.

무엇을 배울 것인가

포스트를 진행하면서 React 프로젝트를 생성하고, Github Action을 통하여 Git에 소스 push를 하면 AWS S3에 자동 배포하는 과정을 배워볼 것입니다.

우선 사용할 기술은 다음과 같습니다.

  • React (create-react-app)
  • Github Actions
  • AWS S3

그리고 살펴볼 내용은 다음과 같습니다.

  • 간단한 React 프로젝트 생성 방법
  • Github Actions 기본 구성, 빌드하는 과정
  • AWS S3 버킷 정적 사이트 설정
  • AWS CLI를 이용하여 S3에 정적 사이트 배포하기

그럼 다음 포스트에서는 간단한 React 프로젝트를 생성해보도록 하겠습니다 🌈

4개의 댓글

comment-user-thumbnail
2019년 11월 29일

와우 멋져용!

1개의 답글
comment-user-thumbnail
2019년 12월 26일

저도 github actions글을 쓰려고 하는데 기초얘기를 잘해주셔서 제글에 인용해도 될까요?
저는 artifact와 github package를 이용한 private action관련해서 더 써보려고 합니다~

1개의 답글