기능을 만드는 것과
동작함을 판정 가능하게 만드는 것은
같은 작업이다.

빌드는 성공하는데 배포하면 죽는 결함, upstream에서 고쳤다

CI가 원리적으로 못 잡는 조용한 실패 — 이슈 등록부터 릴리스 반영까지 하루.

문제

eager: true shared 사용 시 프로덕션 빌드 산출물이 부팅 시점에 크래시. 빌드는 EXIT 0·경고 0으로 정상 종료 — 배포 후 런타임에만 드러난다.

접근

5개 버전 영향 매트릭스로 결함 도입 버전을 실측 정정(1.16.1 → 1.17.0). 재현 필요조건 3가지를 분리해 파일 6개 최소 재현으로 축소. 원인이 번들러가 아니라 플러그인의 정규식 후처리임을 산출물 수준에서 특정 — 네임스페이스 import가 "함수 호출이 없다"는 이유로 삭제되고 있었다.

결과

첫 수정안이 기존 테스트를 깨뜨리자 판정 기준 자체를 "호출되는가"에서 "참조되는가"로 교체. PR 머지 → v1.20.3 릴리스, upstream 테스트 1,017개 통과. "빌드 성공"과 "산출물이 동작함"은 다른 명제다.

// 플러그인 후처리: Vite preload 헬퍼를 지우려는 정규식이 모듈 경로를 보지 않고
// `{ _ as X }` 형태의 import를 전부 매칭한 뒤, X의 "함수 호출"이 없으면 문장째 삭제한다.
// 네임스페이스 import는 값으로만 참조되므로 여기 걸려 지워졌다.
if (!hasCall(local, chunk)) dropImportStatement()          // 판정: 호출되는가

// 수정(v1.20.3): 판정 기준을 "참조되는가"로 교체 — 기존 동작 보존, 결함만 제거
if (!new RegExp(`\\b${local}\\b`).test(chunk)) dropImportStatement()

이종 번들러 Module Federation — 도입했고, 데이터로 뒤집었다

"전체를 마이그레이션해야 한다"는 전제를 POC 하나로 반박하고 1년 6개월 프로덕션 운영.

문제

기존 솔루션은 Webpack + Vue 3, 신규 Host는 React + Vite. 전체 마이그레이션 비용 때문에 기술 전환 자체가 막혀 있었다.

접근

Vite(Host) ↔ Webpack(Remote) 런타임 통신을 POC로 먼저 입증하고 프로덕션 규모로 확장. React Query와 Vue Query가 단일 Query Client를 공유하도록 통합해 두 프레임워크가 같은 API 캐시를 참조.

결과

HMR 10초 → 1초 미만, 서비스 중단 없이 점진적 React 전환 경로 확보. 6개월 운영 데이터로 런타임 유연성의 비용(파드 4개 상주·월 2~3건 통합 장애)을 정량화해 빌드 시점 통합(모노레포) 전환을 설계 — 자신이 도입한 아키텍처를 데이터로 부정하는 것도 같은 사이클의 일부다.

CI 636초 → 158초 — 채택한 조치만큼 철회한 조치가 산출물

잡을 빠르게 만드는 것과 파이프라인을 빠르게 만드는 것은 다른 문제였다.

규명

정적분석 350초 중 269초가 분석이 아니라 파일 트리 순회 — pnpm 심볼릭 링크가 실파일 7.5만 개를 33만 경로로 부풀리고 있었다. CPU를 두 배로 늘려도 총시간이 그대로인 원인을 스케줄링(큐잉 76초 + 스테이지 직렬화 82초)으로 특정해 사장시간 82초 → 3초.

규율

직접 넣은 조치 2건을 실측으로 철회. 절감폭 −68%짜리 안은 "이후 모든 테스트가 실행 순서를 의식해야 하는 영구 부채"라는 이유로 의도적 보류. 대조군 표준편차가 목표 효과를 압도하자 "측정 불가"를 계산으로 판정하고 중단. 좋은 수치가 항상 채택 근거는 아니다.

결과

파이프라인 636초 → 158초(4.0배), 정적분석 잡 350초 → 80초(4.4배).

E2E 식별자 자동 부여 — 가장 자신 있던 결론을 스스로 반증했다

이미 발행한 문서를 정정하고 주입 축을 컴파일 타임으로 재설계.

반증

"호스트 1회 배선으로 타 팀 공수 70~85 인일 소거"라는 자기 결론을 적대적 검증으로 기각 — 런타임 정보로는 데이터 건수·권한·정렬에 흔들리지 않는 식별자를 만들 수 없다 (실측: 라우트당 동종 컴포넌트 26개 이상).

설계

Vue 컴파일러 nodeTransform으로 빌드 타임 주입. 템플릿 AST에서 업무 의미를 추출하는 9단계 폴백 + 위치 기반 스냅샷 병합으로 문구 수정이 테스트를 깨뜨리지 않게. 해결 안 되는 구간은 "해결했다" 대신 미보증 등급으로 정직하게 표기.

결과

보증 등급 요소 자동 라벨 도달률 83.2%, 식별자 충돌 0건. 덤: 플러그인 테스트가 프로덕션과 다른 옵션으로 돌던 사각지대를 발견, 빌드 산출물 스냅샷 대조 검증을 추가해 숨은 결함 수정.

그 밖의 작업

• 접근 제어(RBAC) 개편 — 설계 선행으로 무음 데이터 손실 차단. 코드 작성 전 기존 구현 전량 분석과 기획 대조로 요구사항의 논리 모순 4건을 해소하고, 저장 시 권한이 조용히 소실되는 경로 3종을 pass-through 설계로 차단. 프론트 설계 변경으로 백엔드 협의 항목 6건 → 3건
• 통과하는 테스트 뒤에 숨은 결함 규명. 한 번도 동작한 적 없던 30초 타임아웃 안전망(setTimeout 콜백의 throw가 try/catch에 도달하지 못하는데 fake timer 특성으로 테스트는 통과), 로그아웃 무한 리로드 루프(HTTP-only 쿠키 + 세션 재검증 상태 불일치), 프로덕션 console·소스맵 유출(minifier 불일치로 이중 무력화된 설정) — 수정 전 소스로 되돌려 신규 테스트가 전부 실패함을 확인하는 역방향 검증을 습관화
• 사내 AI 개발 인프라 구축. 팀 공용 서버에 AI 게이트웨이 + 로컬 LLM 라우팅 환경을 구축. 실행 전 감사로 용량 전제 8배 과대평가 등 치명 결함 3건 차단, 구축 중 관리자 기본 비밀번호 노출을 실제 로그인으로 실증하고 자격증명 연결 전 차단. 메모리 대역폭 계산으로 MoE 아키텍처 전환 — 실측 dense 대비 2.5배 처리량
• Storybook을 회귀 방지 게이트로 전환. 렌더 스모크(전 스토리 jsdom 마운트) + 8테마 비주얼 회귀 136장 구축, 모든 게이트를 고의 파손으로 역검증. CI 검증이 전무하던 공통 컴포넌트 패키지를 파이프라인에 편입
• i18n 동기화 무음 삭제 규명. 다국어 파이프라인이 수동 편집분을 경고 없이 삭제하는 구조적 결함을 규명 — 초기 관측치의 74%가 diff 오탐(줄 이동)임을 시트 덤프·로직 재현으로 걸러내 실제 영향을 5건으로 특정, 과거 동일 원인의 키 266개 소실 이력까지 추적