BinaryHub 개발기 ⑪ 비직관적인 사이트 개편 — wayfinding 의 작은 단서들
사이트가 커지면서 어디가 어디인지 모르게 됐다. 큰 refactor 대신 wayfinding 단서를 하나씩 채워 넣은 과정 — breadcrumb, 토큰화된 컨테이너, drawer active state, site-map, skip-link, 그리고 본문 링크가 텍스트랑 구별되는지 같은 작은 디테일까지.
BinaryHub 우산 브랜드 운영기. 사이트 구조 결정, 호스팅 분리, 도메인 통합, 무중단 배포, SEO·AdSense 같은 메타 운영 이야기.
총 11개의 글 · 가장 최근 2026-06-25
사이트가 커지면서 어디가 어디인지 모르게 됐다. 큰 refactor 대신 wayfinding 단서를 하나씩 채워 넣은 과정 — breadcrumb, 토큰화된 컨테이너, drawer active state, site-map, skip-link, 그리고 본문 링크가 텍스트랑 구별되는지 같은 작은 디테일까지.
처음부터 클라이언트를 너무 믿고 만든 사이트를 운영 중에 어떻게 단단하게 만드는가. A단계 sanity check 화이트리스트와 B단계 가챠 서버화로 부분 SoT 를 만들어 가는 과정.
공식 블로그 전체를 위키로 풀지 않고 한 카테고리만 풀었다. 운영자는 모든 카테고리, 부원은 그 한 곳만. 데이터 모델은 그대로 두고 server action·UI 분기·화이트리스트로 권한 매트릭스를 만든 과정.
권한 모델은 그대로 두고 위키의 UX 요소만 가져왔다. git log 기반 변경 이력, 최근 변경 페이지, 마크다운 도구바·미리보기·변경 사유까지. 같은 블로그가 글마다 살아 있다는 인상을 준다.
study.binaryhub.club을 binaryhub.club/studyace로 옮기는 작업. 옛 주소를 죽이지 않고, 같은 Worker 한 벌이 두 호스트를 모두 받게 하는 path prefix 라우팅, 그리고 옛 주소 사용자가 매번 새 주소를 안내받는 인터스티셜.
BBlog 는 8 개의 카테고리로 나뉘어 있습니다. 같은 시리즈의 글이 모여 있도록 정리했으며, 각 카테고리는 글의 결을 한 가지로 묶는 역할만 합니다.