오!라방, 서버리스 전환과 프론트엔드 경량화로 비용 절감 성공!
by DD
8개월 전
조회수 9
AWS ELB 및 ECS 비용 절감을 위해 CloudFront와 S3 기반 서버리스 아키텍처로 전환
Next.js에서 Vite로 프론트엔드 프레임워크를 변경하여 번들 크기 70% 감소 달성
서버리스 전환 및 프론트엔드 경량화를 통해 월 $5,000 이상의 비용 절감 효과를 얻음
서버리스 아키텍처로의 전환
기존 ELB + ECS 구조는 트래픽 변동에 유연하게 대응하기 어려웠다. CloudFront와 S3를 활용한 서버리스 아키텍처로 전환하여 불필요한 컴퓨팅 비용을 제거했다. 따라서, 트래픽 급증에도 유연하게 대처하고, 네트워크 비용 절감 효과를 얻었다.
Next.js에서 Vite로의 마이그레이션
Next.js의 번들 크기가 커서 네트워크 트래픽 비용이 높았다. Vite로 마이그레이션하여 번들 크기 70% 감소를 달성했다. 구체적으로, Next.js hook과 동일한 API를 제공하는 커스텀 훅을 개발하여 코드 변경을 최소화했다.
비용 절감 효과 및 향후 과제
서버리스 전환과 프론트엔드 경량화를 통해 월 $5,000 이상의 비용 절감 효과를 얻었다. 수동 스케일링 작업 및 서버 관리 부담을 해소했다. 따라서, 향후에는 모니터링 시스템을 강화하여 비용 효율성을 지속적으로 개선해야 한다.