1998 → 2026 — 28년의 한 줄

zeo's dream house — Hitel

중2병 말기 꼬맹이의 첫 홈페이지. PC통신 Hitel 시절, 자기 손으로 만든 공간. 28년 뒤 work house의 모태가 된 한 줄.

테마 골격과 디자인 토큰

zeo-theme 자체 테마 시작. WP 6 파일 골격에 CSS 변수 5개로 라이트/다크 토큰을 박았다. Ultimate Markdown 설치하고 Obsidian → WP 워크플로우를 처음 검증. 라이브 첫 줄: "Hello, zeo's work house". 30년 라인이 한 화면에 처음 등장한 날.

Asteroids 자체 구현

캔버스 그래픽이 28년 만에 부활. morroware/JSteroids 포크를 시도하다가 LICENSE 부재를 발견하고 자체 구현으로 회귀 — 375줄 standalone. About 페이지와 Private 드롭다운 메뉴도 함께. 메인 페이지에서 우주선이 소행성을 피하기 시작했다.

5채널 dump + 명리학자의 도구들

게임 4개 import (Snake / Blockrain / tetr.js / Invaders) — 5채널 라인업이 한 폴더에 모였다. 같은 사이클에 만세력 v2(ssaju 통합), 타로(RWS 78장 자체 호스트), 주역(64괘 + 384효사), 바이오리듬까지. "raw data와 사전만 제공, 해석은 너의 AI에게" — dump 정신의 첫 도장.

점성술과 자미두수

점성술(celestine + AstroChart)과 자미두수(iztro)를 한 사이클에 통합. PM ground truth 11/11 + 17/17 모두 통과. 자미두수 prototype 안의 AI 해석 영역 200줄을 surgical로 제거했다. dump 정신의 재확인.

World Clock + QR Code

Lab 트랙 본격. NASA Blue/Black Marble을 직접 호스팅하고 suncalc 터미네이터로 낮·밤 경계를 실시간 표시. 43 도시 큐레이션 + IANA 418 zones 검색. QR Code는 nayuki 자체 호스팅으로 5 모드(Text/URL/vCard/WiFi/Email). 회귀 방지를 위해 TESTS.md 정형화를 시작.

백과 모달의 본문 — PM 단독 사이클

PM 본인의 명리학자 7년 본능이 도구 안 사전에 박힌 날. 점성술 12사인/10행성, 타로 78장, 주역 64괘, 만세력 천간지지, 자미두수 14주성 백과 모달 본문 보충. Claude 미참여 — 도구는 만들지만 콘텐츠의 진짜 깊이는 사람이 채운다.

디터 람스 가전 외장

"페이지 자체가 한 가전, 모드는 ambient lighting"이라는 외장 v2 컨셉. 3-mode(daylight / evening / midnight) + top-strip + nameplate + pbtn LED + 채널 TV 셸(5 real games + lazy iframe 상태 보존). 906줄 CSS 한 번에. 사이트가 도구가 아니라 물건이 됐다.

외장이 도구 안까지

8 도구(biorhythm/qrcode/worldclock/tarot/iching/manseryeok/astrology/ziwei) 내부에 외장 v2 결을 적용. biorhythm 파일럿에서 5패턴 한 세트를 발견 — 이후 도구 추가 시 표준 컨벤션이 됐다. 모바일 햄버거 메뉴는 D12 백로그에서 앞당겨 long-bar baseline으로 자리잡음.

방명록 — 우주로 빨려 들어가는 글

favicon Z↔∞ 모핑 SVG를 박고, 방명록 본체를 작성했다. 글자가 소실점으로 빨려 들어가는 cosmos 위에 별 배경. REST API 대신 admin-ajax + 자체 16층 보안(nonce/honeypot/timing/HTML/protocol/event/entity/URL/욕설/rate/중복). 30 시드는 PM 톤으로 자작.

방명록 컨트롤 패널

글자 운동에 출발점 분산 / 깊이 폭 / 크기 폭을 더하고, 별을 청백·노란·적색 자연파(70/20/10)로 분리. <details> 컨트롤 패널 — 속도 / 흐름 4종 / 별 밀도 3종 / 별 깜빡임 / 효과 끄기(prefers-reduced-motion 자동 추종). 외장 v2 결의 LED + JetBrains Mono "CONTROL" cap.

WP REST API 임포트 — 51개의 첫 글

옵시디언 vault의 네이버 블로그 51개 MD를 WP draft로 일괄 임포트. zeo-import 별도 폴더(Node 22 + gray-matter + markdown-it). 1차 crash에서 RFC 5987 dual header / mapping reconstruction / resume + incremental save / retry with backoff까지 4건 surgical fix로 영구화. 1600개 본격 임포트를 위한 검증 사이클이었다.

공사중 표지가 사라진 날

D8의 page-blog.php "공사중" SVG를 진짜 블로그 인덱스로 교체. archive.php(category/tag/date 공통) + single.php(본문 + 좌측 카테고리 사이드바 + 이전/다음 글 네비)를 신규로 작성. 51개 글이 일괄 published된 순간 사이트가 콘텐츠를 가진 진짜 사이트가 됐다.

직접 만든 여섯 번째 게임 — BASIC SURVIVORS

다섯 채널에 여섯 번째를 더했다 — import가 아니라 처음부터 직접 만든 뱀서류 게임. Canvas 게임 루프부터 6 무기 · 6 패시브 · 5 적 · 보스 · 각성 · 콜로세움 · 3 캐릭터까지, 일곱 스프린트를 한 사이클에 응축했다. 픽셀 자산은 0x72 타일셋(CC0)과 직접 만든 Canvas 절차적 생성을 섞었고, 외부 라이브러리는 끝까지 0. 채널 06으로 합류한 첫 자작 게임.

여섯 게임이 폰 안으로

여섯 게임을 세 가지 방식으로 — TV 채널 그대로 보기에, 게임마다 독립 전체 페이지를 더하고, 폰에서는 화면에 맞춘 터치 컨트롤(방향 D-pad와 게임별 액션 버튼)을 얹었다. SURVIVORS도 폰 화면 폭에 맞춰 다시 그렸다. 연구실(Lab)에는 CPS 스튜디오의 개발 여정을 한 장으로 기록하고, 메인에는 “이 곳에 대하여” 소개글을 더했다. 그 사이 자잘한 버그와 정리도 함께.