Picture of the author
ROXIE.
DEV
(CI/CD)Github 작업을 사용하여 AWS S3에 React 배포하기(1)AWS S3 버킷 생성
(CI/CD)Github 작업을 사용하여 AWS S3에 React 배포하기(1)

지금 다니고 있는 회사가 클라우드 환경 보안 서비스를 하고 있는 만큼 그동안 React 공부한다고 미뤄두었던 CI/CD 구축을 해보기로 했다.
CI/CD 테스트할 프로젝트는 요즘 열심히 만들고있는 Crossfit 회원관리 프로그램이다.

1. AWS 회원가입

2. S3 버킷 생성

  1. Amazon S3 > 버킷 > 버킷 만들기 > ACL 비활성화됨(권장) 선택

  2. 퍼블릭 액세스 차단 해제 > 기본설정 그대로 버킷 생성 버튼 클릭

    추후 CloudFront & S3를 통한 https 적용 시에 퍼블릭 액세스 차단 예정

  3. Amazon S3 > 버킷 > react-crossfit > 버킷 정책 편집

  4. 정책 생성기에서 정책 생성

    Select Type of Policy : S3 Bucket Policy
    Effect : Allow
    Principal : *
    Actions: GetObject 선택
    ARN: 3번에서 복사한 ARN뒤에 '/*' 추가 => arn:aws:s3:::react-crossfit/*

  5. 생성된 policy json document를 복사 후 정책에 붙여넣기 > 변경 사항 저장.

  6. 새로고침하면 액세스가 퍼블릭으로 변경된 것을 확인 할 수 있다.

3. End Point url 받기

  1. 버킷 > 속성 > 정적 웹 사이트 호스팅 > 편집

    정적 웹 사이트 호스팅 : 활성화
    호스팅 유형 : 정적 웹 사이트 호스팅
    인덱스 문서 : index.html
    오류 문서- 선택사항 : error.html

4. Secret Key 발급

  1. IAM > 사용자 > 사용자 생성

  2. 권한 설정

    권한 옵션 : 직접 정책 연결
    권한 정책 : AmazonS3FullAccess, AWSCodeDeployFullAccess

  3. 생성한 사용자 > 액세스 키 > 액세스 키 만들기 > AWS 외부에서 실행되는 애플리케이션선택.

참고: https://growth-coder.tistory.com/115

(CI/CD)Github 작업을 사용하여 AWS S3에 React 배포하기(2)
(CI/CD)Github 작업을 사용하여 AWS S3에 React 배포하기(2)Github Action 설정
생성일: 2024.02.13수정일: 2024.02.13
목차