핵심 요약
우아한형제들이 index.html 이관으로 프런트엔드가 직접 서빙하는 구조를 도입하고, CloudFront, S3, Lambda@Edge를 활용해 독립 배포와 빠른 피드백을 구현했습니다.
구현 방법
- CloudFront와 Lambda@Edge를 활용한 경로 기반 매핑으로 요청 경로에 따라 S3의 /{path}/index.html을 반환
- S3를 프런트엔드 정적 리소스 저장소로 구성하고 빌드 산출물을 업로드, CloudFront 캐시 무효화 자동화를 도입
- 프런트엔드와 백엔드 도메인 분리 및 내부/외부 어드민에 대한 순차 배포와 보안 정책 조정
주요 결과
- 내부 어드민 로딩 시간 72% 감소, 외부 어드민 77% 감소
- Lighthouse 성능 점수: 내부 71→87(+16), 외부 58→87(+29)
- 백엔드 정리: 불필요 인증/로직 축소 및 프런트-백엔드 연동 코드 제거로 400여 개 파일 제거, 총 12만 줄 감소
