- 9.svg: 보안 필터 = 입장 불가 명단 (경비원/차단목록 비유)
- 10.svg: 정적 자산 캐싱 = 냉장고 보관 (캐시 히트 vs 미스 비교)
- 11.svg: 502/504/403/413 에러 카드 4종 (원인/해결 가이드)
- 12.svg: 핵심 정리 총괄 인포그래픽 (6대 기능 원형 배치)
- 기존 AI 생성 PNG 12장을 기술적으로 정확한 SVG 다이어그램으로 교체
- 제조 공정 섹션(Section 3)에 신규 SVG 3장 추가 (롤포밍, 조립, 검사)
- Blade 파일에서 .png → .svg 참조 변경 12곳
- 제조 공정 블록에 이미지 삽입 3곳
- 1.svg: Hero 이미지 (Docker 고래 로고 + 컨테이너 비유)
- 2.svg: 컨테이너 vs VM 비교 다이어그램
- 3.svg: SAM 전체 아키텍처 다이어그램 (9개 서비스)
- 4.svg: 요청 흐름 5단계 시각화
- 5.svg: 서비스별 내부 프로세스 구조 (Supervisor)
- 1.svg: 서버룸 히어로 이미지
- 2.svg: SAM 5-서비스 건물 지도
- 3.svg: 요청 처리 흐름도
- 4.svg: Linux 사용자/그룹 조직도
- 5.svg: drwxrwxr-x 권한 해독 인포그래픽
- 6.svg: umask 계산법 (666 - 022 = 644)
- 7.svg: 사고 타임라인 5단계
- 8.svg: Git 배포 택배 비유
- 9.svg: Hook 동작 흐름 + 권한 체크포인트
- 10.svg: 금지 작업 경고 카드
- 11.svg: 올바른 대응 절차 4단계
- 12.svg: 안전/위험 명령 비교 테이블
- Gemini 생성 기술 일러스트레이션 12장 적용
- 히어로 배너 (샤프트 어셈블리 이미지)
- ASCII 다이어그램 → 실제 구성도 이미지 교체
- 이미지-텍스트 카드 레이아웃 (좌우 교차 배치)
- 설치/유지보수 섹션 히어로 이미지 추가
- 이미지 클릭 라이트박스 (순수 JS/CSS)
- max-w-5xl → max-w-6xl 폭 확대
