hynu.blog

Claude Design으로 시안을 아홉 장 뽑아 놓고, 그걸 Next.js로 그대로 옮기는 것부터 했습니다. 데이터는 전부 파일에 박아 둔 가짜였어요. 어차피 나중에 갈아 끼울 거라, 초반엔 화면이 어떻게 생겼는지만 확정하고 싶었거든요.

글을 하나 고치겠다고 배포를 다시 하는 게 말이 안 됐어요. 파일 기반으로 갈까 하다가, 결국 폰에서도 글을 쓰고 싶어질 게 뻔해서 서버에 상태를 두기로 했습니다. 여기서부터 어드민이 생겼고, 마크다운 본문·이미지 업로드·카테고리 트리가 차례로 붙었어요.

영상을 하나 보고 나면 요약해서 남기고 싶은데, 그걸 앉아서 쓰는 데 한 시간씩 걸리더라고요. 그래서 URL을 주면 AI가 초안을 쓰게 했습니다. 처음엔 어드민이 요청을 받자마자 그 자리에서 처리하게 했는데, 한 편 쓰는 데 몇 분이 걸리니 화면이 그냥 멈춰 있었어요. 게다가 Claude Code는 제 구독 계정에 묶인 CLI라 서버에 올릴 수도 없었고요.

그래서 어드민은 작업 줄에 한 칸 적어 두기만 하고, 제 컴퓨터에서 도는 워커가 그걸 가져가 처리하도록 나눴습니다. 폰에서는 던지고 닫아도 되고, 워커는 밖으로 나가는 접속만 쓰니 포트를 열 일도 없었어요. 나중엔 초안뿐 아니라 이미 발행된 글도 피드백만 적으면 다시 다듬게 같은 줄에 얹었습니다.

스무 편쯤 넘어가니까 제가 쓴 글을 제가 못 찾겠더라고요. 검색·태그·시리즈·연관 글 추천을 붙이고, 글별 조회수도 직접 세기 시작했습니다. 이 무렵 영어 자동 번역과 /en 라우팅도 만들어 뒀는데, 관리할 게 두 배로 늘어서 노출만 걷어내고 배선은 남겨 뒀어요.

AI가 쓴 글이 편마다 결이 달랐어요. 어떤 편은 개조식이고 어떤 편은 번역투고. 처음엔 프롬프트를 계속 손봤는데, 프롬프트가 워커 스크립트 안에 박혀 있으니 고칠 때마다 배포를 해야 했습니다. 그래서 글쓰기 규약을 통째로 POSTING.md 한 장으로 빼고, 워커가 매번 그 파일을 읽어 넘기게 했어요. 지금은 코드보다 이 문서를 훨씬 자주 고칩니다. 초안·개선·인사이트·리서치처럼 결이 다른 작업은 각각 슬래시 커맨드로 갈랐어요.

원래 실험실은 프로젝트 카드 몇 장이 전부였어요. 다른 레포에서 만든 것들을 여기 모으려니 매번 상세 화면을 새로 짜게 되더라고요. 그래서 원고 한 장의 ## 제목이 곧 렌더러가 되게 규약을 정했습니다. ## 화면이면 폰 목업 갤러리, ## 구조면 다이어그램 밴드, ## 시행착오면 스크롤 따라 펼쳐지는 부검 카드로요. 원고를 넘기면 화면이 알아서 나오니, 프로젝트를 하나 더 얹는 게 마크다운 한 장 쓰는 일이 됐어요.

만들어 두고 아무도 안 들어오면 의미가 없으니, 사이트맵·구조화 데이터·canonical을 정리하고 서치콘솔에 물렸습니다. 태그 표기가 대소문자·공백 때문에 갈라져 있던 것도 이때 하나로 합치고 옛 주소는 301로 넘겼어요.