[1] AWS 프론트엔드 코드 배포

보안상의 이유로... 블락 표시

1. AWS 진행 단계 구조화

(1) Route 53을 통해 경로 설정

• react로 검색하면 자료가 나옴

(2) CDN (캐시)

• (2) CDN 만들어서 bucket에 있는걸 가져와서 사용
• 보안 설정이 있다. (CDN에서만 bucket에 접근할 수 있게)

(3) S3

• (1) 코드 넣어둘 bucket 생성
• 파일 안에 내용을 넣어준다.

1. AWS S3 접속
2. 버킷만들기
   1. 이름 : 설정

(4) (자동) 배포 설정

1. build (CRA → 필요한 설정 제공)
   1. yarn build
2. build 된 파일 → S3 bucket에 옮기기

---

(5) 자동 CI/CD

• github action → 조건을 만족할 때 코드 실행
• 특정 branch의 특정 action(pr, merge등)에 조건 부여 가능
• 코드를 넣어준다. (install부터 시작한다. )
  • package 설치 → yarn build → s3로 옮기기
  • 참고) engine v2 → react 하려던 흔적, engine v3 → webpack (.github 폴더 안에 nodejs 설정)

---