Skip to content

FE 운영 개발 서버 빌드 및 배포 환경 구분

Jump to bottom
Seongjin Hong edited this page Aug 23, 2024 · 1 revision

애플리케이션 빌드에 대한 환경 구분

  • 크루루 FE 애플리케이션의 빌드 환경은 아래의 3가지로 구분됩니다.
    • 로컬 개발 환경(local) : 로컬의 .env.local 파일 기반으로 환경변수를 주입하여 빌드를 진행합니다.
    • 원격 개발 환경(develop) : 원격 저장소의 dev 환경에 속한 환경변수(Secrets)를 주입하여 빌드를 진행합니다.
    • 운영 환경(production) : 원격 저장소의 prod 환경에 속한 환경변수(Secrets)를 주입하여 빌드를 진행합니다.
  • 이와 관련한 Webpack 설정 파일 목록은 아래와 같습니다.

배포 환경 구분

배포 방식

  • 크루루의 프론트엔드 애플리케이션은 AWS S3의 팀 프로젝트 버킷 안에 서버 유형 별로 경로를 구분(/prod/, /dev/)하여 배포되고 있습니다.

    • 개발 환경 : fe/develop에 PR이 병합된 경우 CI/CD 과정을 거쳐 빌드된 파일들이 배포됩니다.
    • 운영 환경 : fe/develop에서 fe/main으로 PR이 병합되거나, Hotfix 등 기타 PR이 fe/main에 병합될 경우 CI/CD 과정을 거쳐 배포됩니다.

  • 이렇게 S3 버킷의 각 경로 별로 배포된 파일들에 대해서는, 이들을 바라보는 AWS CloudFront 배포를 생성하여 각각 운영하고 있습니다.

배포된 애플리케이션의 접속 주소

Clone this wiki locally