프로젝트 소개
"우리 가게 스토리를 - 콕!"을 슬로건으로, 소상공인과 체험단을 연결하는 캠페인 플랫폼 서비스입니다. 인프라 구축부터 프론트엔드 개발, 디자인 시스템까지 담당했습니다.
핵심 기술 및 의사 결정 과정
아키텍처
주요 기술 스택
Front-End
Next.jsTypeScriptTailwind CSSTanstack Query
Back-End
Spring BootRedisPostgreSQL
Server
JenkinsAWS EC2CloudFrontDockerAmazon RDSAmazon S3
Etc
GitHubFigmaClickUp
트러블슈팅
Docker 이미지 경량화로 CI/CD 파이프라인 개선
문제
서비스 규모가 커지면서 Docker 이미지 크기가 1.58GB까지 증가했고, 이로 인해 CI/CD 파이프라인 소요 시간이 8분 이상으로 늘어나 개발 배포 사이클이 느려졌습니다.
해결
Next.js standalone 빌드 옵션을 적용해 실행에 필요한 파일만 포함하도록 이미지를 최소화하고, 정적 파일은 Docker 이미지에서 분리하여 CloudFront CDN을 통해 서빙하도록 구성했습니다.
결과
Docker 이미지 크기가 1.58GB에서 354MB로 약 78% 감소했고, CI/CD 소요 시간도 8분에서 3~4분으로 단축되었습니다.
스크린샷
