[2026.11.05] 1호 칼럼(Pit-In 01) 출격, 학술 도식 규칙 수립 및 라이트박스 뷰어 탑재
🛠️ Build Log: 아키텍트 × AI 데일리 구축 일지 (Daily Build Log Navigator)
엔지니어링 일지 요약: 첫 인사이트 칼럼(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 아키텍처 도식을 항상 열린 상태(<details open>)로 유지하고,Pit-In및Track포스트는 기본 접힘(<details>) 후 정갈한 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["🔍 인사이트 칼럼<br/>(Pit-In 01호 출격)"]
--> P2["🏛️ 학술 도식 원칙<br/>(화이트 & 텍스트 미니멀)"]
--> P3["🔎 타이포그래피 혁신<br/>(24~38pt 고시인성)"]
--> P4["🖼️ 초경량 라이트박스<br/>(무의존성 Zoom 뷰어)"]
--> P5["🚀 배포 & 캐시 바이패스<br/>(v25 스키마 & 실서버 검증)"]
3. 트러블슈팅 & 기술 검증 (Troubleshooting & Verification)
- 발생 문제 1: 컨테이너 워드프레스가 UTC 기준인 상태에서 포스트 시각이 한국 시각(14:00)으로 지정되어 워드프레스 코어가
future(미래 예약발행) 상태로 변경, 프론트엔드에서 은폐됨. - 해결 조치:
timezone_string을'Asia/Seoul'로 동기화하고, 포스트 날짜 조정 및 시더에서$wpdb->update로post_status = 'publish'강제 업데이트 적용. - 발생 문제 2: 1600×900 원본 이미지가 웹 본문 폭(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차 리서치 결과 바탕 프로그램 제작기 기획 및 포스팅.