문제

기획 PPT 88슬라이드에 담긴 기술 내용을 빠짐없이 웹으로 옮기고, 담당자가 직접 고칠 수 있어야 했습니다.

결정

1. 콘텐츠를 단일 타입 소스로 고정했습니다. 페이지별 하드코딩은 12공정 반복 수정에서 누락이 나고, 전부 CMS로 열면 비개발자가 기술 원문을 훼손할 위험이 있었습니다.
2. 정적 생성을 유지합니다. CMS 편집은 site_content(key, jsonb) 한 건을 덮어쓰고 해당 캐시 태그만 무효화합니다.
3. 공정 상세를 원본 PPT 순서로 재구성하고 도판을 섹션별로 배치했습니다. 갤러리는 없앴고, 표 형태 도판만 HTML로 다시 만들었습니다.

부서진 곳과 고친 방법

1. 검토안 PDF와 라이브 화면을 1:1로 대조한 시각 감사가, DOM 감사가 놓친 미이행 10건을 찾았습니다. 그 뒤로 원문 대조는 텍스트로, 이행 확인은 눈으로 나눴습니다.
2. 세로 구분선이 창 폭에 따라 사라졌습니다. CSS가 아니라 등장 애니메이션 will-change 합성 레이어의 정수 픽셀 스냅이었고, 애니메이션 뒤 해제로 고쳤습니다.

결과

• 88슬라이드 617문장, 원문 누락 0(3층 통합 감사)
• 32라우트 · 공정 12종 · 도판 136매 · 인증서 8종
• 수정안 3차 전수 반영, 잔여 결함 0
• 대비 실측: 본문 8.6:1 · 보조 4.9:1 · 강조 9.7:1
• 자산 100개 추출 → WebP 76매, 21.8MB → 3.7MB
• 반응형 14케이스(폭 7종 × 배율 2) 누락 0