Skip to content

[Feature] 프론트엔드 배포 환경 변경 및 nginx 설정 #45

@rimeir

Description

@rimeir

🚀 기능 설명

현재 프론트엔드는 Vercel을 통해 배포되고 있으나, 팀 요금제 전환 시점(14일 후)부터 사용자당 $20의 요금이 발생합니다.
이에 따라 비용 부담을 줄이고, 장기적으로 안정적인 운영 환경을 확보하기 위해 AWS EC2 기반의 배포 환경으로 전환하려고 합니다.

✅ 구현 상세 내용

  • 프론트엔드를 EC2에서 SSR 방식으로 실행할 수 있도록 Docker 환경 구성
  • 기존 백엔드와 동일한 EC2 인스턴스에 우선 통합 배포 (리소스 검토 후 추후 분리 가능)
  • GitHub Actions 기반 CI/CD 파이프라인 구성
    • develop/main 브랜치 기준 빌드 및 배포
  • nginx 리버스 프록시 구성
    • / : 프론트 SSR 서버 (3000)
    • /api : 백엔드 API 서버 (8080)
  • Let's Encrypt + certbot을 이용한 HTTPS 적용
  • 기존 도메인(Cafe24/Gabia 관리)을 EC2 IP에 연결

🎯 기대 효과

  • 비용 절감: 팀 요금제 없이 단일 EC2로 프론트+백엔드 운영 가능
  • 운영 통합: 단일 서버에서 nginx 기반으로 트래픽을 일관되게 처리
  • 추후 분산 배포나 오토스케일링 구조로 확장도 용이

🛠 관련 작업

  • frontend Dockerfile 작성
  • GitHub Actions frontend.yml 구성
  • nginx 설정 파일 작성 및 적용
  • certbot 인증서 발급 및 자동 갱신 설정
  • 구입한 DNS: EC2 A레코드 연결

Metadata

Metadata

Assignees

Projects

Status

No status

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions