← ~/eae-univ/webzine
docs/SESSION-20260710-TREE-REFACTOR.md
SESSION 2026-07-10 — 트리 리팩토링 + 랜딩 전면 재구축
[문서] · session-20260710-tree-refactor

담당: Claude Code (Sonnet) · 커밋 4개 (32fdde9, f7311d7, 28203ef + 이 문서) 전부 로컬 커밋, 원격(origin) push 안 함


0. 세션이 어디서 출발했나

직전 세션(dtslib-cloud-appstore 작업) 끝에 박씨가 "유니버시티 레포 가봐"라고 지시. eae-univ를 열어보니 4단계 진화(EAE PRESS→개념정의→3축리팩토링→K-Atom 전환)를 거치면서 예전 세대 구조가 안 지워지고 그대로 쌓여있었고, 랜딩 페이지 (index.html)는 그중 가장 최신인 K-Atom/감각 모델만 반영한 상태였다.

1. "MCP는 출판이냐" 대화 — 오늘의 철학적 출발점

박씨가 Perplexity와 나눈 대화(MCP를 대학 과제 제출 형식으로 쓰자는 아이디어)를 붙여넣으며 시작. 여러 턴에 걸쳐 정리된 결론:

2. 폴더 트리 리팩토링 (커밋 32fdde9)

발견한 문제

라이브 index.htmlcolleges/, console/, faculty/, meeting/, directions/(Phase 2~3 "Pentagon 학과 구조", 1 Center + 4 Slot 은유) 어디로도 링크가 없었다. 이 폴더들은 서로만 참조하는 고립된 폐쇄 루프였고, CLAUDE.md의 "Folder Structure" 섹션은 이 죽은 구조를 여전히 "정식 구조"로 서술 중이었다 — 문서가 코드보다 4단계 뒤처져 있었던 것.

실행

3. Wearable을 7번째 감각으로 승격 (커밋 f7311d7)

박씨 구체화: "USB 목걸이 같은, 사물함 서랍처럼 생긴 것에 K-Atom을 담아서, 책과 출판이라는 메타포 자체를 브랜드화해서 파는 것." 오브젝트 형태가 전표카드(인쇄물)와 다르다는 판단으로 만지기의 하위가 아니라 독립된 지니기(💍) 감각으로 분리. philosophy/magnetic-capital.md(매력자본론)와 직접 연결. 감각 개수 6→7 전체 텍스트 동기화.

4. 랜딩 페이지 전면 재구축 — 터미널 노드 트리 UI (커밋 28203ef)

문제 제기

"구조 트리는 정리했는데 랜딩은 그대로 아니냐" — 랜딩이 10개 섹션(히어로/ 프로덕트/저스티피케이션/철학4개/PEM사분면/공급망/진화타임라인/선언문/채널)을 스크롤로 나열하는 형식이었는데, 실제 폴더는 이제 7개+α로 단순해진 상태. 형식과 내용의 복잡도 불일치.

설계 결정 — "차갑게 뼈대, 따뜻하게 내용"

박씨가 "네가 최고의 디자이너라면 어떻게 할 거냐"고 묻자 하이브리드로 어정쩡하게 가지 않고 결정: 터미널/모노스페이스를 문자 그대로 채택하되 (실제 products/ 폴더 구조를 tree 형식으로 그대로 렌더 — 과장 없다는 정직함의 신호), 완전한 그린온블랙 CRT 코스프레는 하지 않음. 배경은 기존 다크(#0E0C09) 유지, 구조선/노드는 모노스페이스+회색, 앰버는 커서·호버· 활성 강조에만. 노드를 열었을 때 나오는 콘텐츠는 세리프+따뜻한 톤 유지.

구현

검증

Playwright(system chromium)로 실제 렌더: 콘솔 에러 0, 노드 클릭↔상세패널 열림/닫힘, bridge/ 노드→실제 bridge/index.html 이동, 아코디언, 모바일 390px 뷰포트(감각라벨 숨김+1열)까지 전부 확인.

5. 지금 이 문서를 쓰게 만든 질문 — Perplexity 갭 체크

박씨가 Perplexity와 나눈 대화(요지: "철학처럼 서로 얽힌 사유는 방사형 그래프/보물지도가 직관적이고, 학문/카테고리 영역은 여전히 터미널 노드가 익숙하다")를 붙여넣고 "이거 다 반영한 거냐" 확인 요청.

레퍼런스 검증

Perplexity가 언급한 "OrbitPrompt 그래프처럼 중심에서 뻗어나가는 형태"는 지어낸 비유가 아니라 실재 확인됨: ~/OrbitPrompt/map.html + ~/OrbitPrompt/docs/INDEX-FORCE-GRAPH-REFACTOR.md에 실제 force-directed 그래프(1 center + 5 hubs + 49 leaves = 55 nodes, Obsidian Graph View 은유)가 있음. 단, 하루 전(2026-07-09) 자체 감사에서 6개 치명적 버그가 이미 발견된 상태(예: 물리 시뮬레이션이 400프레임 후 완전히 멎음 — alphaDecay 미구현).

갭 분석

Perplexity 제안 반영 여부
학문/카테고리 영역 = 터미널 노드 ✅ 오늘 이미 구현됨(products/ 트리)
철학(서로 얽힌 사유) = 방사형 보물지도 미반영. philosophy/는 지금도 아코디언 안 4개 카드 flat grid — 방사형 아님

결론: 절반만 맞다. 학문(university) 쪽은 이번 세션에서 이미 정확히 그 형태로 만들었고, 철학 쪽 방사형 그래프는 아직 손 안 댐 — 만들려면 OrbitPrompt의 기존 force-graph 구현을 참고하되, 그쪽에 이미 있는 물리 버그(400프레임 후 정지 등)를 그대로 가져오지 않도록 주의 필요.


커밋 이력

32fdde9  refactor: 폴더 트리 전면 리팩토링 — Phase2/3 죽은 구조 아카이브 + bridge/ 신설
f7311d7  feat: wearable을 7번째 감각으로 정식 승격 — 지식의 패션화
28203ef  redesign: 랜딩 페이지 전면 재구축 — 터미널 노드 트리 UI

다음 세션 숙제 (미완료, 확인 후 진행)

  1. philosophy/ 방사형 그래프 뷰 — OrbitPrompt map.html 참고, 버그는 재현하지 않기
  2. docs/EAE_UNIV_DECLARATION_v1.0.md 죽은 링크 — 내용 미작성 상태
  3. broadcast/ — 여전히 랜딩에서 안 이어짐, 외부 사용 여부 재확인 필요
  4. 오늘 커밋 4개(이 문서 포함) 전부 로컬에만 있음 — push 여부 박씨 확인 필요
cat: docssrc: docs/SESSION-20260710-TREE-REFACTOR.md
index F2tree F3philosophy F4reports F5whitepaper F6docs GHsource