Claude-Code Says
NEXT
도구 리스트 구체화 기획
실제 도구 구현
SEO 전략 수립
사이트맵 등록 및 광고 게재
게시글 링크가 복사되었습니다.
20260609 작업로그
AI바이브코딩
⏺ 전부 커밋·푸시 완료(ec3e1fd, 로컬=원격 일치)했고 CLAUDE.md에 현황·TODO를 남겼습니다. 오늘은 여기까지 정리합니다. --- 📋 오늘 한 작업 요약 (2026-06-09) 1. 디자인 핸드오프 → Next.js 초안 - Claude Design 핸드오프(HTML 프로토타입)를 받아 Next.js 15 App Router + TS + Tailwind v4로 포팅 - 허브 + 도구 3종(JSON 포매터·CSS 그라디언트·글자 수 카운터) 구현, public 레포 joyfive/kitfolio 생성·푸시 2. SEO 구조 정비 - 콘텐츠 단일 출처 app/lib/content.ts — 페이지별 제목/설명/키워드를 KO·EN로 한곳에 모아 메타·화면·JSON-LD·검색색인에 재사용 - URL 기반 다국어(KO 루트 / EN /en) + 페이지별 canonical·hreflang·OpenGraph - JSON-LD(WebApplication / WebSite+ItemList), sitemap(양 언어)·robots 3. 배포 & 인프라 - Vercel 배포 + 커스텀 도메인 kitfolio.app(가비아) 연결, SSL 자동 발급 - 가비아 DNS 레코드 설정 → 전파·HTTPS 라이브 확인 4. 검색엔진/광고/분석 연동 - 구글 서치콘솔(DNS) · 네이버 확인 메타태그 - AdSense: 로더 + 확인 메타 + ads.txt + 재사용 컴포넌트 AdUnit(승인 후 슬롯만 넣으면 동작) - GA4(G-BW26VT6W47) 연동 — GTM은 불필요해서 생략 ▎ 모든 단계는 라이브에서 curl/dig로 실제 반영 검증 완료. 다음 세션 TODO(AdSense 승인 후 광고 배치, 나머지 11개 도구)는 CLAUDE.md ▎ 하단에 기록. --- 🔍 이 프로젝트에 대한 내 분석 시작 목적 (내가 읽은 바) "여러 개의 프론트 단독 웹 도구 → SEO로 검색 유입 → AdSense 광고 수익"이라는 명확한 수익 파이프라인 실험입니다. 핵심 가설은 "개발자/디자이너용 유틸은 검색 의도가 또렷하고(예: 'JSON 포매터'), 서버·DB 없이 프론트만으로 완결되며, 한 번 만들면 유지비가 0에 가깝다" 는 것. 단일 도메인 + 서브패스로 도메인 권위를 한곳에 모으는 전략도 이 가설과 정합적입니다. 가치 있는 지점 - 한계비용이 거의 0인 자산형 모델: 정적 클라이언트 사이드라 트래픽이 늘어도 서버비가 안 늘고, 도구를 추가할수록 같은 도메인의 SEO 자산이 복리로 쌓입니다. "14개 로드맵"은 이 복리를 노린 포트폴리오 전략으로 잘 짜였어요. - 반복 가능한 템플릿화: 오늘 만든 구조(content.ts 단일 출처 + 얇은 page 래퍼 + 테마 3종 + 자동 i18n/SEO)는 도구 1개 추가 비용을 극적으로 낮춥니다. 이게 이 프로젝트의 진짜 레버리지 — 11개를 같은 패턴으로 찍어낼 수 있음. - 기술적으로 깔끔: 양국어 색인·구조화 데이터·hreflang까지 처음부터 갖춘 건 개인 사이드 프로젝트 치고 드물게 탄탄합니다. 솔직한 리스크 / 다음 관문 1. AdSense 승인 장벽이 가장 큰 병목: 도구 3개·텍스트 위주가 적은 사이트는 "낮은 가치 콘텐츠"로 반려되기 쉽습니다. → 도구를 더 채우고(7~10개) 각 페이지 설명/가이드를 충실히 한 뒤 신청하는 게 현실적. 2. 키워드 경쟁: 'JSON formatter', 'css gradient' 같은 영문 키워드는 jsonformatter.org, cssgradient.io 등 강한 선점자가 있어 단기 영문 상위노출은 어렵습니다. → 국문 키워드('글자 수 세기', '크론 표현식' 등) + 한국 시장이 초기 승부처. 차별화는 "여러 도구를 한 도메인에서, UX 깔끔하게"라는 묶음 가치. 3. 광고 단가(RPM) 현실: 유틸 도구는 체류·클릭이 짧아 RPM이 낮은 편. 의미 있는 수익엔 트래픽 볼륨이 필요 → 결국 1번(도구 수)과 2번(국문 SEO)으로 회귀. 한 줄 평: 모델 자체는 건전하고(자산형·저비용·복리), 오늘로 **"도구를 싸게 찍어내는 공장"**을 갖췄습니다. 이제 승부는 기술이 아니라 콘텐츠 양(도구 개수)과 국문 검색 타깃팅의 실행 속도에 달려 있습니다.