[FE] build fe.sh 사용법

개요

• 로컬에서 실행하면 yarn 빌드 > S3 배포까지 이어지는 스크립트

• CloudFront Cache Invalidation은 AWS CLI로 조작할 권한이 없으므로 AWS console login후 수동으로 실행한다!

• 서버 IP 노출 위험때문에 스크립트는 (backend) 서브모듈 안에 존재 (build-fe.sh)
  • 참고: 서브 모듈 사용법

배포 전 체크 리스트

• 배포할 때 현재 working directory가 2021-zzimkkong/frontend인가?
• 내 Public IP가 서버 EC2의 AWS 보안그룹 (SG-DEFAULT)에 등록이 되어있는가?
• 현재 소스 코드가 내가 배포하고자 하는 소스가 확실한가? (코드 수정사항 확인, 브랜치 확인, ...)

실행 방법

반드시 2021-zzimkkong/frontend 경로 상에서 실행

• 실행 시 다음 포맷을 지켜서 실행한다

$ sh ../backend/src/main/resources/config/build-fe.sh [KEY-zzimkkong.pem Path] [environment]

• KEY-zzimkkong.pem Path: 내 컴퓨터에서 KEY-zzimkkong.pem이 위치한 경로
• environment: prod (상용 배포) / dev (개발 배포)

예시

# prod application 배포 (s3://zzimkkong-bucket)
$ sh ../backend/src/main/resources/config/build-fe.sh ~/KEY-zzimkkong.pem prod

# dev application 배포 (s3://zzimkkong-bucket-dev)
$ sh ../backend/src/main/resources/config/build-fe.sh ~/KEY-zzimkkong.pem dev