--- title: "[2026.11.05] 1호 칼럼(Pit-In 01) 출격, 학술 도식 규칙 수립 및 라이트박스 뷰어 탑재" canonical_url: "https://wealth-podium.com/2026/11/05/build-log-day-07-pit-in-launch-and-academic-diagram-lightbox/" published_at: "2026-11-05T21:00:00+09:00" modified_at: "2026-11-07T15:44:36+09:00" author: "Dellwon (Software Developer & System Architect)" summary: "첫 인사이트 칼럼(Pit-In 01: AI 검색과 제로클릭 링크 경제 위기)을 발행하고, 홈 Bento Grid 전용 섹션 신설, 학술 논문 스타일 도식 불변 원칙 수립, 24~38pt 고시인성 타이포그래피 업그레이드 및 무의존성 라이트박스(확대 뷰어)를 구현한 일곱째 날의 엔지니어링 기록입니다." --- # [2026.11.05] 1호 칼럼(Pit-In 01) 출격, 학술 도식 규칙 수립 및 라이트박스 뷰어 탑재 > **엔지니어링 일지 요약**: 첫 인사이트 칼럼(Pit-In 01: AI 검색과 제로클릭 링크 경제 위기)을 발행하고, 홈 Bento Grid 전용 섹션 신설, 학술 논문 스타일 도식 불변 원칙 수립, 24~38pt 고시인성 타이포그래피 업그레이드 및 무의존성 라이트박스(확대 뷰어)를 구현한 일곱째 날의 기록입니다. --- ## 1. 오늘의 주요 작업 및 설계 결정 (Key Decisions & Changes) - **1호 인사이트 리서치 칼럼 발행 (`Pit-In 01`)**: - `docs/pit-in-posts/2026-11-05_ai-search-zero-click-and-link-economy-crisis.md` 완성 및 스마트 시더 연동. - 2026년 미국 구글 제로클릭 68% 돌파, 알파벳 시총 5,000억 달러 증발, 레딧 -30% 폭락 등 실증 데이터와 아키텍트의 시각(링크 경제 붕괴, 로그인 장벽 모순, 생각 대기시간 광고 모델, 열린 결말)을 50:50으로 결합. - **홈 Bento Grid Pit-In 전용 섹션 및 카테고리 필터 필 개편**: - 홈 화면에 `Track 01`, `Build Log`에 이은 `🔧 Pit-In: 인사이트 리서치 & 마켓 딥다이브` 전용 Bento Grid 섹션을 신설하여 발행 칼럼이 메인 화면에 즉시 노출되도록 구성. - 필터 필 순서를 사용자 피드백에 맞춰 `전체 홈` ➔ `안내서` ➔ `Pit-In` ➔ `Track 01` ➔ `Track 02` ➔ `Track 03` ➔ `Build Log`로 재정렬하고 트랙별 상징 아이콘 유지. - **학술 논문/저널 스타일(Academic Journal Style) 도식 불변 원칙 수립**: - `GEMINI.md`, `tech-writer`, `design-manager` 에이전트 헌법에 화이트 배경, 검정/네온 컬러 금지, 텍스트 과열 배제, 우측 하단 Wealth Podium 공식 엠블럼 출처 표기를 불변 규칙으로 명문화. - 엔지니어링 일지인 `Build Log`는 Mermaid 아키텍처 도식을 항상 열린 상태(`
`)로 유지하고, `Pit-In` 및 `Track` 포스트는 기본 접힘(`
`) 후 정갈한 16:9 다이어그램 이미지 배치로 이원화. - **도식 시인성 타이포그래피(24~38pt) 및 초경량 라이트박스(확대 뷰어) 탑재**: - 본문 축소(800px) 시에도 12~16pt 크기로 즉시 읽히도록 노드 제목(26~30pt Bold)과 본문(19~21pt) 폰트를 확대하고, 화살표 텍스트 충돌을 배지 박스로 완전 분리. - 외부 라이브러리 없이 순수 Vanilla JS & CSS(<1.5KB)로 모던 블러 백드롭(`backdrop-filter: blur(12px)`), `zoom-in` 커서, `ESC`/화면 클릭 닫기를 지원하는 고해상도 라이트박스를 `mu-plugins/wealth-podium-design.php`에 구축. --- ## 2. 핵심 아키텍처 도식 (Architecture Summary) ```mermaid flowchart LR P1["🔍 인사이트 칼럼
(Pit-In 01호 출격)"] --> P2["🏛️ 학술 도식 원칙
(화이트 & 텍스트 미니멀)"] --> P3["🔎 타이포그래피 혁신
(24~38pt 고시인성)"] --> P4["🖼️ 초경량 라이트박스
(무의존성 Zoom 뷰어)"] --> P5["🚀 배포 & 캐시 바이패스
(v25 스키마 & 실서버 검증)"] ``` --- ## 3. 트러블슈팅 & 기술 검증 (Troubleshooting & Verification) - **발생 문제 1**: 컨테이너 워드프레스가 UTC 기준인 상태에서 포스트 시각이 한국 시각(14:00)으로 지정되어 워드프레스 코어가 `future`(미래 예약발행) 상태로 변경, 프론트엔드에서 은폐됨. - **해결 조치**: `timezone_string`을 `'Asia/Seoul'`로 동기화하고, 포스트 날짜 조정 및 시더에서 `$wpdb->update`로 `post_status = 'publish'` 강제 업데이트 적용. - **발생 문제 2**: 1600x900 원본 이미지가 웹 본문 폭(800px)으로 50% 다운스케일되어 16pt 글자가 8pt로 축소되어 가독성 저하. - **해결 조치**: 타이포그래피를 24~38pt로 2배 확대하여 축소 상태에서도 12~16pt 가독성을 확보하고, 원본 100% 스케일로 감상할 수 있는 무의존성 라이트박스 뷰어 구현. - **발생 문제 3**: Figure 1.1 및 1.2의 화살표 라벨이 노드 타이틀 및 컨테이너 테두리와 충돌. - **해결 조치**: 라벨 텍스트를 독립된 화이트 필 배지로 감싸고 정중앙으로 배치하여 시각적 간섭 해소. --- ## 4. 완료 산출물 및 다음 단계 (Deliverables & Next Steps) - **완료 산출물**: - `docs/pit-in-posts/2026-11-05_ai-search-zero-click-and-link-economy-crisis.md` (1호 칼럼) - `assets/diagrams/pit-in-01-diagram-*.png` (6종 학술 다이어그램) - `scripts/generate_pit_in_diagrams.py` (고시인성 도식 자동 생성기) - `mu-plugins/wealth-podium-design.php` (홈 Pit-In Bento 섹션 및 라이트박스 JS/CSS) - `mu-plugins/wealth-podium-seed.php` (schema_v25 스마트 시딩 파이프라인) - **다음 단계**: Track 02 (AI Quant Garage) 2차 리서치 결과 바탕 프로그램 제작기 기획 및 포스팅.