GithubAction+React+AWS S3
1.Github Action을 이용해서 React 프로젝트 S3에 배포하기
Github Action Action은 기존에 있는 서비스 Circle CI, Travis CI, Jenkins와 같은 빌드/배포 자동화 서비스입니다. 기존 서비스에 비해 매력적인 부분은, Github 내에서 소스 코드 관리부터 배포 자동화까지 한번에 처리할 수 있다는 점입니다. Github Action은 원래 베타 버전이었는데, 2019년 11월 15일...
2.[Github Action] React Project 생성하기
리액트 프로젝트 생성 먼저 리액트 프로젝트를 생성해보겠습니다. 스크린샷 2019-11-16 오전 11.31.24.png 위와 같이 소스코드가 정상적으로 업로드되었습니다....
3.[Github Action] Hello Github Action !
Github Action의 코드를 짜기 이전에 용어를 정리하고 가겠습니다. 용어 정리 Workflow 프로젝트를 빌드, 테스트, 패키지, 릴리스 또는 배포하기 위한 전체적인 프로세스입니다. 워크플로우는 여러 개의 Job으로 구성되며 event(on)에 의해 실행됩니다. Job Job은 하나의 인스턴스(리눅스, 맥, 윈도우 등등)에서 여러 Step을 그룹...
4.[Github Action] React 빌드하기
오늘은 React 프로젝트의 의존 파일(node_modules)들을 다운받아 build 하는 과정을 알아보겠습니다. React Build React 프로젝트는 기본적으로 spa(single page application)이기 때문에, 한 페이지 내에 js 스크립트들을 불러와 화면을 구축하는 방식입니다. npm run build를 하면 정적 파일들로 구축을...
5.[Github Action] AWS S3 버킷 설정하기
이번 포스팅에서는 정적 사이트 배포를 위한 AWS S3 버킷을 설정하는 법을 배워보겠습니다. 😀 AWS S3 정적 사이트 설정하기 먼저 AWS Console의 S3 서비스로 이동합니다. 스크린샷 2019-11-16 오후 4.38.13.png 버킷 만들기 버킷 만들기를 클릭합니다. 스크린샷 2019-11-16 오후 4....
6.[Github Action] AWS S3에 React 프로젝트 배포하기
Github Action 내부에서 이전 포스트에서 설정하여 만든 AWS 사용자 KEY(credentials.csv 다운 받으셨죠?)를 이용해야 합니다. Github Action에 민감한 정보 저장하기 AWS CLI KEY는 외부에 노출되어선 안된다고 했죠? 하지만 우리의 레포지토리는 공개 레포지토리이기 때문에, 업로드하는 파일은 세상 모두에게 알려지게 됩...