프론트엔드와 THE TWELVE-FACTOR APP

간단 소개

프론트엔드 개발에서 12Factor 앱 원칙을 적용하여 독립적인 애플리케이션 운영 및 개발 효율성을 높이는 방법에 대한 분석.

AI Summary

코드베이스 및 종속성 관리
- 12Factor 앱의 기본은 버전 관리되는 단일 코드베이스이며, 이는 독립적인 애플리케이션 운영을 위한 핵심 요소입니다.
- 모놀리식 구조에서 MSA로 전환하는 근거가 되며, 모노레포는 코드베이스 원칙을 위반하지 않습니다.
- 종속성은 package.json에 명시적으로 선언하고 관리하며, Node.js 버전과 같은 암묵적인 종속성도 관리해야 합니다.
설정, 빌드, 릴리즈, 실행
- 환경별 변수는 코드 내부에 하드코딩하지 않고 외부에서 주입받아 환경 독립성을 확보해야 합니다.
- Next.js의 runtimeConfig를 사용하여 런타임에 설정을 주입하거나, Sidecar Nginx 프록시 방식을 사용할 수 있습니다.
- 빌드, 릴리즈, 실행 단계를 분리하여 개발과 운영의 독립성을 실현하고, 배포 속도를 향상시킬 수 있습니다.
로그 및 환경 일치
- 로그는 이슈 파악에 중요한 역할을 하며, 엑세스 로그, 애플리케이션 에러 로그, 서버/클라이언트 사이드 로그를 수집해야 합니다.
- 개발, 스테이징, 프로덕션 환경을 최대한 유사하게 유지하여 잠재적인 위험 요소를 빠르게 파악하고 개발 효율성을 높여야 합니다.