Moait
홈인기 피드모든 블로그모든 태그
홈인기 피드모든 블로그모든 태그
프론트엔드와 THE TWELVE-FACTOR APP 섬네일

프론트엔드와 THE TWELVE-FACTOR APP

카카오엔터테인먼트 favicon카카오엔터테인먼트·DevOps·
AWSKubernetesReactDockerNext.js
2021년 11월 25일0

AI 요약

이 글은 AI가 요약했어요. 정확한 내용은 꼭 원문을 확인해 주세요!

핵심 요약

카카오엔터테인먼트의 FE팀이 12Factor 원칙을 Next.js 기반에 적용한 사례를 공유합니다.

주요 경험

  • 코드베이스 독립성과 콘웨이 법칙에 따라 레포 구조와 팀 간 의존성 최소화를 설계했습니다.
  • 런타임 주입으로 설정/종속성 분리를 구현했고 Next.js runtimeConfig, Dotenv, custom next.config.js를 활용했습니다.
  • 빌드-릴리즈-실행 분리와 도커 배포를 결합해 버전 관리 및 배포 속도를 개선했습니다. PM2를 통한 동시성 확장도 구성했습니다.

얻은 인사이트

  • FE도 DevOps 관점의 운영 원칙 도입이 개발 속도와 안정성에 기여했습니다.
  • 런타임 구성 주입으로 배포 파이프라인이 간소화되어 프리뷰 환경 관리가 용이해졌습니다.

연관 피드

%가 높을수록 이 글과 비슷할 가능성이 높아요!
FE 최적화, 비즈니스로 시작해서 엔지니어링으로 끝내기 섬네일
73%

FE 최적화, 비즈니스로 시작해서 엔지니어링으로 끝내기

당근 favicon당근·2025년 09월 11일
하나의 프론트엔드 코드로 멀티 환경 운영하기 섬네일
72%

하나의 프론트엔드 코드로 멀티 환경 운영하기

모두싸인 favicon모두싸인·2025년 09월 12일
프론트엔드와 SOLID 원칙 섬네일
72%

프론트엔드와 SOLID 원칙

카카오엔터테인먼트 favicon카카오엔터테인먼트·2023년 03월 30일