오늘 하루 블로그를 고치면서 Claude Code에 보낸 프롬프트를 시간 순서대로 모았다. 프롬프트는 보낸 그대로 옮겼고, 그 아래에 결과를 한두 줄로 적었다. 시간은 한국 시간이다. 그날 한 일은 오전 개발 기록과 오후 개발 기록에 자세히 정리해 두었다.
오전과 오후 두 세션으로 나뉜다. 오전은 SEO, 성능, 새 페이지였고, 오후는 작업 방식(규칙, 검수)과 목록 개선이었다.
오전 세션 (08:52 ~ 13:34)
08:52 네이버 검색 등록
네이버서치 어드바이저 통해서 SEO 등록할려고 하는데
(인증 메타 태그)
다음 내용 메인페이지에 삽입해 주고, SEO 정책에 맞춰 최적화까지 부탁해.
인증 태그를 app.html에 넣고, 운영자 이름과 사이트 설명을 실제로 올리는 글에 맞게 고쳤다.
08:57 배포
배포 해줘
09:00 파비콘
favicon.ico가 없다면 codex cli를 통해서 만들어서 넣어줘.
이모지로 넣어 둔 아이콘을 favicon.ico와 apple-touch-icon.png로 바꿨다.
10:36 성능 개선
블로그 성능을 개선해 보고 싶은데 보니까 vercel 이라 내pc에 디비가 있는 것도 아니고 내 pc에 레디스도 사용할 수 없는 상황이네?
어 그렇게 해줘
원인은 리전이었다. DB는 도쿄에 있는데 서버는 미국 동부에서 돌고 있었다. 함수 리전을 도쿄(hnd1)로 옮기니 홈이 1초 안팎에서 0.15~0.46초로 줄었다.
10:41 CDN 캐시
cdn 캐시도 검토 해줘
어 진행 시켜
공개 페이지를 CDN에 1시간 올려 두고, 글이나 댓글을 쓰면 캐시를 지우게 했다. 조회수는 캐시와 상관없이 오르도록 따로 보내게 바꿨다.
배포 같은건 안해도 바로 적용 되나 보네?
오 확인해 봤는데 매우 빨리 나온다. 매우 만족한다. 수고 했어
10:49 유튜브 영상 페이지
블로그에 내가 만든 유튜브 작품을 올리는 공간을 만들어서 보여줘도 멋질라나?
Claude가 되물은 질문 세 개에 번호로 답했다.
1 (채널 주소) 여기 채널 가보면 내가 만든 영상들 목록이 보일꺼야 그걸 보여주고 싶고,
2 제목만으로 충분
3 인스타릴스는 패스 할게
/videos 페이지가 생겼다.
11:22 GEO
혹시 GEO에 대해서도 조사해서 적용해 볼래
AI 검색에 잘 인용되도록 작성자 프로필 연결(sameAs), 새 글을 검색엔진에 바로 알리는 IndexNow, AI용 안내 파일 llms.txt 보강을 적용했다.
11:26 기술 보고서 페이지
/Users/yongyeonkim/orca/projects/agent-poc/reports 여기 보면 내가 만든 report html 파일들이 있는데 이것들을 소개하는 페이지도 만들어서 모두 올려서 사용자에게 제공해 줄수 있을가?
보고서 9개를 블로그로 복사하는 스크립트를 만들었다. 이 스크립트는 Claude가 돌리려 하자 자동 권한 검사에서 막혀서 내가 직접 실행했다.
! python3 scripts/sync-reports.py
/reports 페이지에서 원문을 보거나 내려받을 수 있다.
13:17 만든 사이트 소개
블로그에 내가 만든 사이트들을 자랑하는 메뉴도 추가해서 소개하고 싶은데 혹시 아래 링크들을 기반으로 만들어 줄 수 있니?
(사이트 주소 7개)
/projects 페이지에 화면 캡처와 함께 7개를 소개했다.
13:20 메뉴 정리
작업 중간에 끼어들어 보냈다.
pc 메뉴들이 너무 나열되서 지져분한데 그룹핑해서 3개만 나오게 해주고 클릭하면 아래로 선택하면 화면 나오도록 구조적으로 바꿔 줄래
헤더 메뉴 10개를 "글, 만든 것, 소개" 3개 드롭다운으로 묶었다.
모두 올리긴 한거니
13:31 첫 개발 기록 올리기
오늘의 개발 기록을 정리해줘 정리한 글을 블로그에 올릴 생각이야 그 부분 고려해서 작성해줘
올려줘
한글로 설명 해
로그인해 두었고 블로그 글 올릴때는 한글로 올려야 돼
처음 초안의 슬러그가 영어였다. 블로그 글은 제목, 본문, 주소까지 한국어로 올린다는 규칙을 이때 정했고, Claude 메모리에도 저장됐다.
오후 세션 (17:13 ~ 17:30)
/clear로 대화를 비우고 새로 시작했다.
17:13 상태줄
/statusline
셸 프롬프트 설정을 상태줄로 옮기려 했는데, 내 셸은 PS1 대신 Starship을 써서 옮길 게 없었다. 방식만 고르면 되는 상태로 남겨 두었다.
17:14 다른 도구의 스킬
내가 agy쪽에 이미 문서 만드는 스킬들을 만들어 났는데 역시서는 못쓰나?
Antigravity와 Claude Code는 같은 SKILL.md 형식이라 폴더를 연결하면 쓸 수 있다. 다만 어느 스킬인지 특정하지 못해서 후보만 확인했다.
17:17 CLAUDE.md
/init 스벨트키트를 이용해서 프로젝트 진행중인데, 규칙, 표준 같은걸 적어서 해당 폴더에서 물어볼때마다 불필요한 토큰이 낭비되지 않도록 해줘.
명령어, 읽지 말아야 할 큰 폴더, 여러 파일을 봐야 알 수 있는 구조와 규칙을 CLAUDE.md에 적었다.
17:19 검수 규칙
이제 매번 코딩을 할때마다 실패 케이스를 줄이기 위해 checker 기능을 규칙에 추가 할텐데 보통 기능 검증은 test framework를 쓰는걸로 알고 있는데 그걸 돌려서 오류가 안나면 검수가 완료될 수 있도록 추가해 줄래.
Vitest를 붙이고 npm run verify(타입 검사, 테스트, 빌드)를 만들었다. 이게 통과해야 작업 완료라는 규칙을 CLAUDE.md에 넣었다.
17:22 메인 목록 페이지 나누기
메인화면에 초반 목록을 페이징 없이 처리 하니까 너무 길게 나오는데 페이징 처리 해주는데 pc에서는 1,2,3 페이지번호로 구성해 주고 모바일에서는 더보기 기능으로 구현 해줘
한 페이지에 10개씩 나누고, PC는 번호, 모바일은 더보기로 만들었다. 방금 만든 검수 규칙대로 테스트 5개를 같이 추가했다.
배포 해요
17:27 오후 개발 기록 올리기
지금까지 작업한 내용을 정리하고 블로그 post 해줘.
17:30 이 글
이제까지 내가 오늘 작업 한 내용에 대해 프롬프트를 시계열로 정리해서 블로그에 올려줄래
모아 보니 보이는 것
- 짧은 프롬프트가 대부분이다. "배포 해줘", "어 진행 시켜", "올려줘"처럼 한두 마디가 절반쯤 된다. 앞에서 맥락이 쌓여 있으면 이걸로 충분했다.
- 무엇을 원하는지만 말하고 방법은 맡겼다. 성능 개선을 부탁할 때 리전이나 캐시를 말하지 않고 상황(DB도 레디스도 내 PC에 없다)만 설명했다. 원인 찾기는 Claude가 했다.
- 질문을 받으면 번호로 답했다. 영상 페이지처럼 Claude가 선택지를 물어 오면 "1 … 2 … 3 …"으로 짧게 답하는 게 빨랐다.
- 규칙은 한 번 말하면 남게 했다. "블로그 글은 한글로"는 메모리에, 검수 규칙과 프로젝트 구조는
CLAUDE.md에 넣었다. 다음 세션에서 같은 말을 반복하지 않아도 된다. - 오후에는 작업 방식부터 고쳤다. 기능을 더 만들기 전에
CLAUDE.md와 검수 규칙을 먼저 만들었고, 바로 다음 작업(페이지 나누기)부터 그 규칙이 적용됐다.
댓글 0개
아직 댓글이 없습니다. 첫 댓글을 남겨보세요.