React CI/CD

React 배포 파이프라인

React CI/CD는 화면 갱신 흐름이 아니라 커밋부터 테스트, 번들 산출물, CDN 배포, 헬스 확인, 롤백까지 이어지는 릴리스 흐름입니다.

01

Commit 검증

lint, typecheck, unit test로 기본 회귀를 먼저 차단합니다.

품질 통과 기준
02

Build

환경 변수를 주입하고 번들, asset hash, sourcemap을 생성합니다.

산출물
03

E2E/Preview

프리뷰 배포에서 핵심 사용자 흐름과 라우팅 fallback을 확인합니다.

preview
04

Deploy

정적 자산을 CDN이나 호스팅에 올리고 캐시 정책을 적용합니다.

release
05

Monitor/Rollback

오류율, 로딩 시간, 사용자 영향 지표가 나쁘면 이전 artifact로 되돌립니다.

rollback
Typecheck
계약 깨짐 조기 발견 API 타입, props, 라우트 파라미터 변경을 빌드 전에 잡습니다.
strict 유지
Artifact
배포 단위 고정 동일 커밋은 동일 산출물로 재배포 가능해야 합니다.
hash 추적
Rollback
장애 복구 DB 변경이 없는 프론트 배포는 이전 asset manifest로 빠르게 되돌릴 수 있어야 합니다.
캐시 무효화 포함

배포 전 환경·캐시

환경 변수 빌드 타임 변수와 런타임 설정을 혼동하지 않습니다.
소스맵 보호 운영 sourcemap 공개 범위와 오류 추적 업로드 정책을 정합니다.
캐시 정책 해시된 asset은 길게, HTML과 manifest는 짧게 캐시해야 새 배포가 반영됩니다.