- 기존 AI 생성 PNG 12장을 기술적으로 정확한 SVG 다이어그램으로 교체
- 제조 공정 섹션(Section 3)에 신규 SVG 3장 추가 (롤포밍, 조립, 검사)
- Blade 파일에서 .png → .svg 참조 변경 12곳
- 제조 공정 블록에 이미지 삽입 3곳
- 7개 섹션 교육 콘텐츠 (열쇠 고리 비유, 프로젝트별 구조, Docker Override, 동기화 필수 변수, 로컬/서버 비교, 변경 후 할 일, 주의사항)
- SVG 이미지 9종 (에메랄드 다크 테마)
- 용어 사전 15개 (env-management 도메인)
- 실제 .env.example, docker-compose.yml, production-env-sync.md 기반 콘텐츠
- 퍼플 테마 6대 섹션 22소 섹션 Blade 뷰 작성
- SVG 이미지 12장 생성 (인터넷, URL, HTTP, 에러코드 등)
- AcademyController webBasics() 메서드 및 라우트 등록
- academy-glossary 컴포넌트에 web-basics 도메인 추가
- 이미지 생성 프롬프트 문서 작성
- AcademyController에 dockerEnvironment() 메서드 추가
- academy 라우트 그룹에 docker-environment 라우트 추가
- 6개 섹션 Blade 뷰 작성 (Docker 소개, 아키텍처, 서비스 상세, 볼륨, .env, 명령어)
- academy-glossary에 docker-environment 도메인 용어 25개 추가
- 1.svg: Hero 이미지 (Docker 고래 로고 + 컨테이너 비유)
- 2.svg: 컨테이너 vs VM 비교 다이어그램
- 3.svg: SAM 전체 아키텍처 다이어그램 (9개 서비스)
- 4.svg: 요청 흐름 5단계 시각화
- 5.svg: 서비스별 내부 프로세스 구조 (Supervisor)
- AiConfig::getActiveGemini() → config('services.gemini') 기반
- AiConfig::getActiveGcs() → config('services.google') 기반
- AiConfig::getActiveClaude() → config('services.claude') 기반
- AiConfig::getActiveNotion() → config('services.notion') 기반
- GoogleCloudStorageService: DB 우선 로직 제거, .env만 사용
- 8개 서비스 파일은 수정 없이 동작 (AiConfig 인터페이스 유지)
- 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: 안전/위험 명령 비교 테이블
- RagSearchService: docs 폴더 키워드 검색 + Gemini API 컨텍스트 기반 답변
- RagSearchController: 검색 페이지 및 HTMX 비동기 검색 API
- 검색 UI: 통계 바, 예시 질문, Markdown 렌더링, 참조 문서 표시
- AiTokenHelper 연동으로 토큰 사용량 자동 추적
- KioskController (index/showroom/factory) 생성
- 키오스크 메인 선택 페이지 (쇼룸/공장 카드 UI)
- 쇼룸 키오스크 골격 (제품 카탈로그, 견적 시뮬레이션, 시공 갤러리, 회사 소개)
- 공장 키오스크 골격 (생산 현황, 작업 지시, 생산 통계, 공지사항)
- /additional/kiosk 라우트 그룹 추가
- 히어로 배너 배경: Tailwind 클래스 → inline style (빌드 누락 방지)
- 히어로 글씨 색상: inline style로 흰색 강제 적용
- 이미지 hover: scale(1.05) + box-shadow 확대 효과 (CSS 클래스)
- 이미지 컨테이너: overflow:hidden으로 확대 시 넘침 방지
- 라이트박스: Tailwind 클래스 → CSS/inline style로 교체
- 모든 이미지가 1024x1024 정사각형이므로 비율 존중 레이아웃으로 변경
- 히어로 배너: object-cover 배경 → 텍스트+이미지 병렬 레이아웃
- 이미지-텍스트 카드: 이미지 고정 너비(220px) + 비율 유지
- 풀와이드 이미지: max-height 제한 + 중앙 정렬 (object-contain)
- 섹션 히어로(설치/유지보수): 와이드 배경 → 컴팩트 이미지 배치
- Gemini 생성 기술 일러스트레이션 12장 적용
- 히어로 배너 (샤프트 어셈블리 이미지)
- ASCII 다이어그램 → 실제 구성도 이미지 교체
- 이미지-텍스트 카드 레이아웃 (좌우 교차 배치)
- 설치/유지보수 섹션 히어로 이미지 추가
- 이미지 클릭 라이트박스 (순수 JS/CSS)
- max-w-5xl → max-w-6xl 폭 확대
