모켓 로고
AI 랩으로 돌아가기
🌐

사이트 성장

Next.js 14 + Vercel — 바이브코딩만으로 만든 AI 정보 플랫폼

AI 모델 랭킹, 409개 직업 영향도, 273개 도구 디렉토리, 37개 가격 비교를 갖춘 풀스택 플랫폼. 기획부터 개발, SEO, 자동화 파이프라인까지 코딩 없이 구축한 과정입니다.

600+
총 페이지
1,200+
SEO 키워드
8개
자동화 스크립트
2개월
개발 기간

왜 만들었나

AI 도구가 쏟아지는데 "결국 뭘 써야 하지?"라는 질문에 답하는 곳이 없었습니다. 랭킹은 매일 바뀌고, 직업마다 필요한 도구가 다르고, 가격도 제각각. 바이브코딩으로 웹사이트를 만들어서 이 모든 걸 한 곳에서 비교할 수 있는 AI 정보 플랫폼을 구축하기로 했습니다.

핵심 콘텐츠

AI 모델 랭킹(매일 자동 업데이트), 409개 직업별 AI 영향도 분석, 273개 AI 도구 디렉토리, 37개 서비스 가격 비교, 33개 시리즈(239 챕터) 학습 콘텐츠. 모든 데이터는 정기적으로 검증·업데이트됩니다.

자동화 파이프라인

AI 모델 랭킹은 매일 자동으로 업데이트되고, 시리즈 콘텐츠는 Gemini API로 리서치부터 작성까지 자동 생성됩니다. 새 페이지가 만들어지면 sitemap 갱신, IndexNow 제출, 소셜 배포까지 자동으로 처리됩니다. 사람이 개입할 일이 거의 없는 콘텐츠 파이프라인입니다.

기술 스택

Next.js 14
프레임워크 — App Router + SSG로 빠른 정적 페이지
Vercel
배포 — Git push만으로 자동 빌드·배포·CDN
Tailwind CSS
스타일링 — 다크 모드 전용 커스텀 디자인 시스템
Gemini API
AI 콘텐츠 — 시리즈 자동 생성, 랭킹 변동 분석
GA4 + Search Console
분석 — 트래픽/검색 데이터 자동 수집·시각화
Upstash Redis
실시간 카운터 — 페이지뷰/방문자 수 추적
Framer Motion
애니메이션 — 스크롤 진입 효과, 인터랙션
IndexNow
SEO — 새 페이지 즉시 검색엔진 제출

시스템 구조

1
프론트엔드
Next.js 14 SSGTailwind + Framer Motion다크 모드 전용
2
데이터
JSON 정적 데이터 (직업/도구/가격)Upstash Redis (조회수)GA4 API (트래픽)
3
자동화
랭킹 매일 업데이트시리즈 자동 생성 (Gemini)소셜 자동 배포
4
배포/SEO
Vercel (자동 빌드)sitemap + IndexNowJSON-LD 구조화 데이터

개발 타임라인

2026년 1월 26일
Next.js + Vercel로 AI 정보 플랫폼 처음 만들기
myaegiswealth.com 도메인으로 Next.js 14 블로그 엔진 v1 완성. SEO(sitemap, robots, OG 이미지) 기본 설정까지 하루 만에 구축.
2026년 1월 27일
AI로 매일 자동으로 블로그 글을 생성하는 시스템 만들기
트렌드 뉴스를 크롤링하고 AI가 분석 글을 자동 생성하는 파이프라인 구축. Bing RSS + AI 프롬프트 조합.
2026년 1월 31일
네이버 블로그 + 텔레그램 자동 배포 시스템 구축
글이 생성되면 네이버 블로그와 텔레그램 채널에 자동 배포하는 Aegis Direct Distributor 구현.
2026년 3월 6일
AI 모델 랭킹 시스템을 5개 카테고리로 확장하기
텍스트/이미지/영상/보이스/음악 5개 카테고리별 AI 모델 순위 시스템 구축. Anthropic SDK에서 Gemini API로 전환.
2026년 3월 10일
AI 콘텐츠 자동 생성 프로세스를 처음부터 다시 설계한 이유
주제 선정 프로세스 전면 재설계. 키워드 중복 방지, 생성 로그 저장, 품질 검증 단계 추가.
2026년 3월 11일
AI 시리즈(전자책) 시스템 구축 — 단발 글에서 체계적 콘텐츠로
WikiDocs 스타일 시리즈 리더 구현. 챕터별 마크다운 + JSON 메타데이터로 체계적 콘텐츠 관리 시작.
2026년 3월 13일
AI로 시리즈 콘텐츠를 대량 생산하는 파이프라인 만들기
리서치 → 아웃라인 → 챕터 작성 → 품질 검수까지 AI 자동화 파이프라인. 시리즈별 OG 이미지 자동 생성.
2026년 3월 16일
AI 프롬프트 라이브러리 1,263개 자동 추출 시스템
시리즈 챕터에서 프롬프트를 자동 추출하여 카테고리별로 검색할 수 있는 /prompts 페이지 구현.
2026년 3월 17일
AI 직업 영향도 계산기 303개 직업 데이터베이스 구축
303개 직업의 AI 대체 위험도를 분석하는 /job-impact 페이지. 개별 직업 SSG 페이지 + FAQPage JSON-LD.
2026년 3월 17일
AI 도구 디렉토리 203개 검증 도구 데이터베이스 구축
203개 AI 도구를 카테고리/가격/한국어 지원으로 필터링하는 /tools 페이지. 모든 URL과 로고를 직접 검증.
2026년 3월 18일
AI로 시리즈 콘텐츠 23개 173챕터 대량 생산 완료
2주 만에 23개 시리즈 173챕터를 AI로 생산. 50챕터 품질 검수(Phase A-F) 완료. 홈페이지 UX 개선.
2026년 3월 20일
홈페이지 전면 리뉴얼 + 쿠팡/애드핏 광고 시스템 구축
홈 디자인 리뉴얼, 전체 UI 통일, 쿠팡 파트너스 + 카카오 애드핏 광고 시스템을 하루 만에 구축.
2026년 3월 21일
프로그래매틱 SEO — AI 비교 페이지 대량 생성으로 검색 유입 늘리기
AI 모델 비교 12개 + 직업 카테고리 14개 + 도구 카테고리 25개 = 51개 SEO 페이지를 한 번에 생성.
2026년 3월 25일
GA4 데이터 기반 SEO 최적화 — 659명에서 성장 시작
GA4 28일 데이터 분석: 659명, 일 98→126명 성장. 롱테일 SEO 최적화, 239개 챕터 seoTitle 추가, 크로스링크 강화.
2026년 3월 27일
AI 서비스 가격 비교 페이지 구축 — 37개 서비스 한눈에
ChatGPT, Claude, Gemini 등 37개 AI 서비스의 플랜별 가격을 비교하는 /pricing 페이지 신규 추가.
2026년 3월 28일
AI 모델 비교 페이지 30개로 확장 — LLM+이미지+영상+보이스
ChatGPT vs Claude, DALL-E vs Gemini 등 30개 비교 페이지 대폭 확장. GA4+GSC 통합 리포트 스크립트 추가.
2026년 4월 2일
서버에서 Next.js 홈페이지 개발 환경 구축 — 빌드 테스트 + Vercel 배포 파이프라인
원격 서버에서 blog repo clone, npm install, 로컬 빌드 테스트, git push → Vercel 자동 배포까지 전체 파이프라인 구축. Vercel API 연동으로 배포 상태도 실시간 확인 가능.
2026년 4월 2일
Next.js SEO 필터 페이지 대량 생성 — AI 도구 가격별·한국어별 + 직업 위험도별
프로그래매틱 SEO 전략으로 12개 필터 페이지 신규 생성. AI 도구를 가격대별(무료/부분무료/유료/기업용), 한국어 지원별(완전/부분/없음), AI 직업영향 위험도별(5단계) 분류 페이지 추가. AI 연구소 페이지도 투자 성과 + 사이트 성장 대시보드로 리뉴얼.
2026년 4월 4일
웹사이트 광고 수익 차단 문제 해결하는 법
CSP(Content Security Policy) 설정 오류로 카카오 애드핏과 쿠팡 파트너스 광고가 전면 차단되어 있던 문제를 발견하고 즉시 수정. 광고 도메인 3곳을 허용 목록에 추가하여 정상화했다.
2026년 4월 4일
AI 랩 프로젝트 상세 페이지 구축 — 바이브코딩으로 SEO 최적화 페이지 만들기
AI 랩의 3개 핵심 프로젝트에 독립 상세 페이지를 추가했다. 기술스택, 개발 타임라인, 스킬 카탈로그, FAQ를 구조화하고 JSON-LD SEO까지 적용.
2026년 4월 5일
AI 꿀조합 54개 + 직업 도구 검증 + 랭킹 자동화 — 하루만에 완성한 콘텐츠 허브
AI 도구 조합 워크플로우 54개를 구축하고 직업별 연동, 도구 매핑 검증, SEO 최적화, 랭킹 자동 갱신까지 완성했다. 콘텐츠 보강과 할루시네이션 검증까지 포함.
2026년 4월 6일
AI 꿀조합 페이지 UX·SEO 개선하는 법
AI 도구 조합 페이지의 기능·디자인·SEO를 3가지 관점에서 리뷰하고 5건 개선. 도구 상세→꿀조합 역링크, 난이도 필터, FAQ 확장, 빈 상태 UX, 모바일 스크롤 힌트를 추가하여 내부 링크 구조와 사용성을 강화했다.
2026년 4월 7일
AI 자동화로 IndexNow 색인 자동 제출 시스템 만들기
Sitemap.xml에서 전체 URL을 자동 수집해 Bing/Naver/Yandex에 즉시 색인 요청. 새로 추가한 페이지가 누락되던 문제 해결하고 주 1회 자동 실행하도록 cron 등록.
2026년 4월 7일
AI 자동화로 사이트맵 누락 감지하는 법
매일 자동으로 페이지 라우트와 sitemap.xml을 양방향 비교해서 누락이나 데드 URL을 텔레그램으로 알려주는 모니터링 시스템 구축. 빌드 부담 없이 cron으로만 동작.
2026년 4월 7일
AI 꿀조합 페이지 4가지 강화 — 도구 hero CTA부터 LLM 인용 형식까지
도구 상세 페이지에서 검증된 조합으로 회유하는 hero CTA, ?tool 쿼리 필터, 신규 NEW 배지, AI 검색 인용용 plain text 엔드포인트까지 한 번에 추가. 1건짜리 카테고리 5개도 '전문직'으로 통합해 필터 UX 개선.
2026년 4월 7일
AI 꿀조합에 한국 일반인 일상 6개 추가하는 법
B2B 위주였던 54개 레시피에 영수증 가계부, 여행 계획, 자녀 학습, 이력서, 부동산 분석 등 한국 일반인 일상 사용 사례 6개를 추가. 호갱노노·직방 같은 한국 도구도 처음 활용.
2026년 4월 7일
AI 도구 디렉토리 순도 정리하고 진짜 AI 워크플로우 레시피 추가하는 법
정보 소비형 한국 서비스 9개를 별도 카테고리로 분리하고, OpenAI 풀스택·AI 비디오 비교·한국어 오디오북 같은 진짜 생산형 워크플로우 3개를 추가. 디렉토리 순도와 사용자 가치 동시 강화.
2026년 4월 7일
AI 도구 디렉토리에 정식 로고 일관성 챙기는 법
DALL-E와 Sora가 OpenAI 공통 swirl 로고를 공유해 ChatGPT 로고처럼 보이던 문제를 잡고, 의미 없는 NEW 배지도 정리. 시각적 식별성이 디렉토리 신뢰도의 기본임을 다시 확인.
2026년 4월 7일
AI 도구 디렉토리에 사용자 인기순 정렬 도입하는 법
알파벳 정렬에서 ChatGPT/Claude/Gemini가 첫 줄에 안 보이던 문제를 해결. 28개 주요 도구에 큐레이션 인기 순위를 부여하고 기본 정렬을 인기순으로 변경. 한국 부가 서비스 카테고리는 핵심 카드 강조에서 제외.
2026년 4월 7일
AdFit 2번째 본문 광고 슬롯 추가하는 법
AdFit SDK가 같은 unit ID 중복 게재를 차단하는 제약을 발견하고, 컴포넌트를 slot prop으로 일반화해서 새 unit ID 한 쌍으로 두 번째 본문 광고를 트래픽 큰 4개 페이지에 정상 게재. 정책 한도 4개 도달.
2026년 4월 8일
Claude Code로 AI 도구 디렉토리 자동 강화 파이프라인 만드는 법
Wikipedia 기반 신규 도구 발견과 Claude CLI WebFetch로 기존 도구 정보 자동 강화하는 5루프 콘텐츠 팩토리 구축. 환각 차단 정책으로 빈 값 우선, 정보 정확도 보장.
2026년 4월 9일
Claude Code로 홈페이지 헤더 IA 정리 자동화
GA4 28일 트래픽 데이터 기반으로 헤더 탭을 8개에서 6개로 슬림화. 운영성 페이지를 푸터로 이동시키고 핵심 entry point에 집중. Playwright 시각 검증 + sitemap 동시 업데이트로 한 번에 끝냄.
2026년 4월 9일
경쟁 사이트 분석으로 누락 도구 30개 채우기
경쟁 사이트를 Playwright로 분석해 도구 풀을 비교한 결과 우리가 한국 도구 369개를 누락하고 있었음. 인지도와 카테고리 다양성 기준으로 30개 큐레이션 후 stub 등록 + Loop 2 강화 자동화로 한 번에 채움.
2026년 4월 10일
직업 상세페이지 UX 재설계 — 4단 구조로 정보 과부하 해결하기
UI/UX 분석으로 12개 블록 나열을 판정·근거·대응·탐색 4단 구조로 재설계. 중복 섹션 통합, 학술 용어 쉬운 한국어 번역, Anthropic 실측 신뢰 뱃지 추가. 한국 AI 사용 트렌드 페이지도 신규 구축.
2026년 4월 10일
AI 직업 영향도 데이터 대규모 확장 — AEI 기반 106개 직업 추가
Anthropic Economic Index(AEI) 데이터의 미매핑 598개 SOC 코드를 분석하여 한국에서 검색 가치 있는 106개 직업을 선별·추가. 기존 303개에서 409개로 확장하며 14개 카테고리 균등 배분, 도구 교차검증 완료.
2026년 4월 11일
AI 순위 페이지 실시간 업데이트 표시 + 도구 비교 카드 UI 개선
AI 모델 랭킹 페이지에 상대 시간 타임스탬프와 점수 트렌드 스파크라인을 추가하고, 도구 상세 페이지의 대안 도구 섹션을 카드형 그리드로 개선했다.
2026년 4월 25일
Google 코어 업데이트 대응 — SEO 스키마 강화와 AI 추천 페이지 리디자인
E-E-A-T 스키마 대폭 강화(Organization/Dataset/dateModified), 방법론 페이지 신규 생성, 월간 동향 자동 분석, sitemap 개별화. AI 도구 추천 페이지를 검색 중심 UX로 전면 리디자인하고 직업↔도구 매핑 자동 검증 시스템 구축.
2026년 4월 25일
AI 도구 추천 엔진 전면 개편 — 409개 직업 전수 검수
verdict-engine 정렬 버그 수정으로 299개 직업의 추천 결과 정상화. 14개 카테고리별 전수 검수로 78건 도구 매핑 수정. 3원칙 자동 검증 스크립트 구축
2026년 4월 26일
AI 랭킹+추천 페이지 목업 기반 전면 리디자인
목업 이미지를 기반으로 /rankings와 /verdict 페이지를 전면 리디자인. 벤치마크 데이터 테이블, 회사 로고, 미니 리더보드, 추천 카드 등 UI를 데이터 밀도 높은 전문 디자인으로 개편
2026년 4월 26일
AI 랭킹 로고 시스템 구조 개편 — 회사 로고 완전 분리 + UX 일괄 개선
랭킹 페이지의 도구 로고 빌려쓰기 구조를 회사 전용 로고로 완전 분리. 62개 회사 로고 자동 다운로드, 새 회사 감지 경고 자동화. 모달 상단 잘림, 그래프 레이블 겹침, 콘텐츠 내부 링크 새 탭 열기 등 UX 문제 일괄 수정.
2026년 4월 27일
홈페이지 포함 8개 페이지 전면 디자인 리뉴얼
목업 이미지 기반으로 홈페이지, 꿀조합 상세, 시리즈, 프롬프트, 도구, 직업 영향도 등 8개 핵심 페이지를 전면 리디자인. 디자인 시스템 통일과 데이터 정합성까지 개선한 대규모 업데이트.
2026년 4월 27일
AI로 15개 페이지 디자인 감사 자동화하는 법
Playwright 스크린샷 + 5개 병렬 subagent로 전체 사이트 디자인 감사를 수행하고, 발견된 이슈를 자동 수정. 카드 스타일·타이포·그라디언트 등 디자인 규칙 준수율을 검증하는 2라운드 감사 체계를 구축했다.
2026년 4월 27일
AI 주간 뉴스레터 자동 발송 시스템 구축
매주 월요일 AI 순위 변동, 핫토픽, 신규 검색어 3개 섹션을 자동 수집하여 구독자에게 이메일 발송하는 시스템을 구축했다. Gemini API 대신 Claude Code subagent를 활용해 비용 0원으로 운영한다.
2026년 4월 27일
AI 블로그 시스템 복구 — git 히스토리에서 91개 포스트 살리기
삭제했던 블로그 기능을 git history에서 완전 복구했다. 주간 뉴스레터와 연동하여 핫토픽 상세 글의 랜딩 페이지로 활용할 예정이다.
2026년 4월 28일
AI 블로그 자동화 파이프라인 구축하는 법
주간 AI 다이제스트 자동 생성부터 뉴스레터 발송, SNS 자동 게시까지 전체 파이프라인을 구축했습니다. 썸네일은 Gemini Flash Image로, 본문은 Claude CLI로 생성하고, dlvr.it으로 X와 Threads에 자동 배포합니다.
2026년 4월 28일
AI 검색 페이지 전면 리디자인하는 법
8종 콘텐츠(시리즈·도구·직업·프롬프트·블로그·꿀조합·가격·순위)를 통합 검색하는 페이지를 목업 기반으로 전면 재설계했습니다. 각 콘텐츠별 최적 카드 레이아웃과 한글↔영어 자동 매칭으로 검색 정확도를 높였습니다.
2026년 4월 28일
AI 홈페이지 내실 다지기 — 디자인 통일과 SEO 강화
디자이너 피드백 반영, 하드코딩 숫자 통일, OG 태그 보완, JSON-LD 추가 등 기능 확장 없이 기존 페이지의 품질을 높였습니다. 블로그 카드 디자인 통일, 랭킹 페이지 정리, 헤더 배지 정리까지 전체 사이트 일관성을 확보했습니다.
2026년 4월 29일
SEO 중복 URL 해소로 사이트맵 최적화하는 법
쿼리스트링 중복 URL 38개를 SSG 클린 경로 417개로 전환. sitemap/canonical/OG/내부링크 일괄 정규화 + 301 리다이렉트 설정으로 인덱싱 효율 개선.
2026년 4월 29일
AI 순위 변동 히스토리 시각화 페이지 만드는 법
범프 차트로 AI 모델 순위 변화를 시각화하는 인터랙티브 페이지 구축. Out-of-Top10 레일, 모델별 고정 색상, 진입/탈락 표현, 카테고리·기간 필터, 모델 상세 추이 차트.
2026년 4월 29일
AI 순위 변화 페이지 에디터 코멘터리 시스템 구축
순위 변화 페이지 헤더를 다른 페이지와 통일하고, 에디터가 직접 작성하는 코멘터리 시스템을 도입. 구글 검색 스니펫에 코멘터리가 노출되며, 주간 cron과 연동하여 매주 코멘터리 요청을 자동 전송.
2026년 4월 29일
SEO 전면 보강 — 검색어 분석부터 YouTube 영상 가이드까지
GSC 검색어 분석으로 CTR 약점을 발견하고, verdict 구조화 데이터 보강(BreadcrumbList+FAQ), 기회 키워드 메타 보강, YouTube 영상 가이드 섹션 신설까지 SEO를 전면 개선.
2026년 4월 29일
직업별 에디터 인사이트 — 전문가 코멘터리로 SEO 차별화
409개 직업 페이지 중 상위 20개에 전문가가 검수한 에디터 인사이트를 추가. 기계가 쓸 수 없는 현장 경험 기반 코멘터리로 E-E-A-T 강화.
2026년 5월 2일
AI 도구 추천 시스템을 단일 소스로 통합하는 법
AI 도구 추천 3개 페이지가 각각 다른 데이터를 참조하던 구조를 recommendations.tools 단일 소스로 통합. 범용AI 5종은 직업 카테고리별 TOP 3 순위로 분리하여 별도 섹션으로 표시. 소카테고리 중간 레이어를 구축했다가 정밀도 한계를 발견하고 폐기한 과정 포함.
2026년 5월 2일
AI 도구 추천을 직업별로 정확하게 매칭하는 법
도구 추천 시스템을 소카테고리 중간 레이어에서 직접 매핑 방식으로 전면 전환. 범용AI 5종을 직업 카테고리별 TOP3으로 분리하고, 전문도구는 직업별 직접 매칭으로 3개 페이지 데이터 일관성 확보. 도구 품질 점수 게이지바 UI도 도입.
2026년 5월 3일
SEO 메타데이터 전수 점검으로 검색 노출 문제 해결하기
og:site_name 메타 태그가 33개 페이지에서 누락된 것을 발견하고 수정. Next.js의 openGraph 머지 동작으로 layout 설정이 page에서 덮어씌워지는 문제였음. 파비콘 좌우 흰색 잘림도 투명 패딩 제거로 해결.
2026년 5월 6일
AI 홈페이지 SEO 10라운드 완전정복 — 색인율 30%에서 탈출하기
10라운드에 걸친 SEO 전수 감사로 20건 수정 완료. 서버 렌더링 내부 링크 1,200개 추가, 페이지 경량화, 구조화 데이터 전수 보강, 키워드 확장까지 하루만에 완료했다.
2026년 5월 7일
Claude Code로 다중 judge 뉴스레터 파이프라인 만드는 법
주간 다이제스트 생성을 6단계 합성 파이프라인으로 재설계. 라우터→Best-of-N→Quality judge→Fact-check judge→Editor→Closure check 구조에서 미검증 수치·번역체 비유·hallucinated 제품명까지 자동 적발하고, 19건 directive까지 per-directive 검증 통과 확인. Anthropic cookbook의 routing+parallelization+evaluator-optimizer 패턴 3종을 합성한 결과.
2026년 5월 8일
AI 도구 디렉토리 데이터 위생 감사 + 자동 재검증
276개 AI 도구 데이터의 fact-check, 끊긴 참조, 모호 표현, 스키마 드리프트를 일괄 감사하고 LLM 자동 재검증 파이프라인으로 99건 정리. 자동화 + 사람 검수가 어려운 데이터셋의 품질 게이지를 끌어올리는 방식 정립.
2026년 5월 9일
AI 도구 디렉토리에 신규 8종 등록 — 자율 에이전트·코딩 빌더 영역 확장
AI 도구 영역 검증 후속 작업으로 자율 에이전트, AI 풀스택 빌더, 한국 AI, 회의록 등 새로 떠오른 8종을 4+5 기준으로 선정해 등록. 등록과 동시에 LLM 자동 강화로 longDescription/pricing/koreaInfo 등 11개 필드를 채워 동일 품질 유지.
2026년 5월 9일
AI 도구 카테고리 라벨 4가지 명명 규칙 단일 소스로 통일
13개 파일에 흩어져 있던 25개 카테고리 라벨이 페이지마다 다르게 표시되던 문제를 단일 소스(lib/tool-categories.ts)로 정리. 사용자가 같은 카테고리를 다른 이름으로 보던 일관성 문제와 verdict FAQ 사실 오류까지 함께 해결.
2026년 5월 9일
AI 도구 디렉토리 청소: 엔터테인먼트 챗봇 7종 정리 + 핫 4종 신규 등록
디렉토리 품질 끌어올리기 — 사용자 직접 명시한 '심심이 같은 도구' 기준으로 entertainment-only 챗봇을 솎아내고, 그 자리에 2025-2026 핵심 도구를 등록. 의미 있는 도구만 남기는 첫 청소 사이클.
2026년 5월 9일
AI 도구 디렉토리 11종 신규 등록 — 글로벌 사용량 + 한국 모바일 순위 기반
권위 있는 사용량 데이터(a16z Top 100 + 와이즈앱 한국 순위)와 우리 디렉토리를 대조해 미등록 핫 도구만 추려서 추가. 임의 선정이 아닌 실측 트래픽·MAU 기반 객관 선정으로 디렉토리 신뢰도 향상.
2026년 5월 9일
신규 도구 23종을 409개 직업 추천에 자동 매핑
도구 디렉토리에 새로 등록한 도구들이 직업 페이지 추천에 자동으로 등장하도록 카테고리·태그 기반 룰로 매핑. 점수 시스템도 동시에 갱신해 도구 페이지 게이지·정렬에서도 노출.
2026년 5월 9일
신규 도구 23종 누락 필드 자동 보완 + 의심 로고 교체
도구 디렉토리에 추가된 도구들이 영상 가이드, SEO 메타, 사용자 분류 등 일부 필드가 비어있던 문제를 자동 채움. 익시오 등 부모 도메인 favicon으로 잘못 잡혔던 로고를 앱 스토어 정식 아이콘으로 교체.
2026년 5월 11일
AI 도구 점수 시스템 v3 — 광고·신규 도구 친화적 큐레이션 라벨
도구 디렉토리 평균 점수가 56점/37점으로 시각적으로 짠 인상이라 광고·신규 도구 노출에 부적합했음. 점수 곡선을 관대화하고 featured/신규 큐레이션 라벨 시스템을 추가해 평균을 65/48로 상향, D 등급을 13%에서 7%로 축소함.
2026년 5월 11일
도구 카드 단일 강점 배지 + 점수 v4로 만들기
기존 두 줄 점수 게이지를 게임 메달 방식의 단일 강점 배지 1개로 교체했다. 카테고리 1·2·3위, OSS 표준, B2B 신뢰 등 11종 우선순위 규칙으로 카드마다 가장 두드러진 강점만 표시하니 첫 페이지에 같은 배지가 3개씩 반복되던 시각 노이즈가 사라졌다. 점수 산정에서는 LLM이 임의 부여한 Manual 등급을 폐기하고 측정 가능 신호만 남겼다.
2026년 5월 12일
도구 화면 단일 소스 통일 + Hydration 에러 잡기
직업별 추천·카테고리 페이지가 옛 카드 디자인을 그대로 쓰고 있어서 메인 도구 화면과 라벨이 따로 놀던 문제를 정리했다. 가격·한국어 라벨을 한 모듈에 모으고 카테고리 페이지를 공유 카드 컴포넌트로 교체했다. 상세 페이지의 HTML 구조 위반도 같이 잡아서 SSR가 정상화됐다.
2026년 5월 13일
AI 도구 데이터 종합 검증 시스템 구축법 — 무결성·외부 참조·한국화 정보 동시 검증
주간 자동화 cron에 3종 검증을 통합해 1,047개 외부 참조 URL과 한국화 정보 클레임을 회전 방식으로 자체 검증한다. 매 주 2회 30개씩 점진 검사로 약 2.5주에 전수 1회를 완료한다.
2026년 5월 13일
AI 도구 사이트 한국어 페이지 자동 발견 만드는 법 — 별도 URL 스키마 + 회전 probe
도구 카탈로그의 사이트 방문 버튼이 한국어 페이지가 있어도 영어로 연결되던 문제를 해결한다. /ko, /ko-KR, ?hl=ko 등 TOP 3 후보를 자동 probe하고 한글 시그널 확인 시 별도 URL 필드에 등록해 프론트엔드가 우선 사용.
2026년 5월 13일
Next.js 사이트 브랜드/URL 단일 소스 만드는 법
사이트 메타데이터에 흩어진 도메인·브랜드명 하드코딩을 lib 모듈 하나로 추출. metadata·canonical·sitemap·robots·JSON-LD가 모두 같은 소스를 참조하도록 통합. env 미설정 시 기존 값으로 fallback해 cron이 매일 push해도 동작 변화 zero.
2026년 5월 13일
Next.js 사이트 도메인·브랜드 한 곳에서 관리하는 법
사이트 곳곳에 흩어진 도메인·브랜드명 하드코딩을 모두 단일 소스 모듈 + 환경변수로 통합. 페이지 메타데이터·OG·헤더·푸터·뉴스레터 발신명·크롤러 User-Agent 까지 한 변수만 바꾸면 동시에 swap 되도록 정리.
2026년 5월 14일
Next.js 사이트 리브랜딩 사전 준비 끝내는 법
도메인·브랜드명을 단일 소스 모듈 + 환경변수로 추출하고, 자동 일괄 치환 스크립트와 실행 절차서까지 작성. 시각 자산만 교체하면 한 줄 명령으로 모든 코드·콘텐츠·메타·SEO를 동시에 새 브랜드로 전환할 수 있는 상태로 사전 준비 완료.
2026년 5월 14일
Next.js 사이트에 사용자 도구 등록 시스템 구축하는 법
TAAFT 스타일 사용자 제출 시스템을 Vercel + Supabase로 구현. 사용자 폼 → Supabase 큐 → admin 검토 → 자동 ingest cron 4단계 파이프라인.
2026년 5월 15일
Claude Code로 사이트 리브랜딩 D-day 자동화
기존 운영 사이트의 브랜드명·도메인 전체 전환을 11단계로 자동화. preview 브랜치 분리·시각 검증 → main ff-merge → Vercel env 9개 추가 → 도메인 redirect 4개 swap (API) → vercel.json noindex 제거 → 로그인 차단 해제까지 단일 흐름. 전환 후 라이브 페이지 7개 + redirect 3개 + 자산 6개 모두 200 검증.
2026년 5월 15일
도메인 이전 잔재 청소 — 라이브 영향 잔재 5건 묶음 fix
도메인 전환 직후 코드/콘텐츠에 남은 옛 브랜드 fallback 5건을 한 commit으로 정리. 자동 포스팅 cron의 fallback URL, 외부 검증 fetch의 User-Agent, 블로그 본문 1건 인용구, env 템플릿, 도구 발굴 스크립트 UA 까지 일괄 교체.
2026년 5월 15일
Next.js 사이트 도메인 이전 후 옛 브랜드 잔재 빠짐없이 청소하는 법
도메인 전환 직후 사이트 전체 코드와 콘텐츠를 9개 변형 키워드로 전수 검색해 잔재 22건을 3차에 걸쳐 정리. 라이브 UI에 노출되던 옛 브랜드 author 메타데이터부터 자동 발송 cron의 fallback URL까지 한번에 청소하고, 외부 도구 자체 기능명·역사 문서·SNS 핸들 fallback은 사유 명시 후 보존.
2026년 5월 15일
AI 사이트 레거시 문서·스크립트 한번에 청소하는 법
축적된 1회용 batch 스크립트, 옛 데이터 패치, 완료된 기획 보고서를 카테고리별 분류 후 일괄 archive 이동. cron 의존성 그래프 + 외부 참조 그래프로 안전성 검증 후 진행.
2026년 5월 16일
AI로 직업별 톤 일관성 있는 에디터 인사이트 일괄 생성하기
275개 직업 카드에 들어갈 한국 시장 특수성 반영한 짧은 인사이트 문구를 LLM 풀배치로 한 번에 생성했다. 어드민 페이지에서 인라인 편집+승인을 거치면 매시간 cron이 자동으로 라이브 반영한다. few-shot 6개 + ANCHOR 4개 + 단정형 강제 + 자기개발서 단어 블랙리스트로 톤 통일.
2026년 5월 18일
Google Search Console 미색인 페이지 멀티에이전트 심층 진단
검색 콘솔에 보고된 미색인 페이지 21건을 다섯 개의 병렬 에이전트로 다방면 분석. 단일 원인이 아닌 두 가지 메커니즘(허브 페이지의 동적 렌더링 + 신규 도메인 색인 timing)을 분리 식별하여 실제 수정 대상 1건과 자동 해결 대상 20건을 구분.
2026년 5월 18일
AI 도구 가격 누락 자동 복구 시스템 만들기
AI 도구 디렉토리에서 가격이 누락되거나 placeholder로 채워진 도구를 자동 식별하고, headless 브라우저로 가격 페이지 screenshot을 찍어 Vision AI로 plan을 추출해 복원하는 시스템. 10개 후보 중 5개 도구의 가격을 한 번에 복구해 사용자 신뢰도 개선.
2026년 5월 18일
AI 도구 강화 시 가격 자동 보강 만들기
기존에는 신규 발견된 도구가 자동 강화될 때 JS 렌더링 가격 페이지를 못 잡으면 그대로 빈값/placeholder로 등재됐는데, 이제 강화 직후 자동으로 headless 브라우저 스크린샷 + Vision AI로 가격을 한 번 더 시도. 검증 사이트가 정상이면 사람 손 없이 가격이 채워짐.
2026년 5월 18일
AI 도구 중복 등재 막는 ingest-time 이중 안전망
신규 도구 자동 발견이 한 번 중복 검사를 통과한 후에도 그 사이에 같은 도구가 추가되면 같은 도구가 두 번 등재되는 사고가 발생. ingest 시점에 4단 매칭(URL/도메인/슬러그/브랜드)으로 한 번 더 검사해 중복이면 자동 skip + 데이터베이스에 사유 기록. 같은 사고 재발 방지.
2026년 5월 18일
AI 도구 자동 발견 중복 false positive 잡기
Google Play로 발견된 도구들의 URL이 query 파라미터(?id=)로 식별되는데 정규화 로직이 그걸 잘라버려서 서로 다른 8개 도구가 같은 URL로 인식되던 버그 수정. iOS와 Android에서 같은 도구가 시간차로 발견되면 한쪽이 누락되던 cross-run 중복도 추가로 차단.
2026년 5월 18일
AI 도구 자동 발견 카테고리 자동 분류
이전엔 자동 발견된 도구가 전부 'etc'로 묶여 카테고리별 우선순위가 무의미했음. 이제 앱스토어/플레이스토어 장르와 도구 이름 키워드로 카테고리 자동 추정 — 챗봇/영상/이미지/음성/번역 등 의미 있는 분류. 현 대기 도구 98개 중 87개(89%)가 자동으로 적절한 카테고리 부여됨.
2026년 5월 19일
AI 도구 사이트 공유 미리보기 옛 브랜드 잔재 긴급 제거
사이트 공유 시 카톡/페북/텔레그램에 보이는 미리보기 이미지 9장에 옛 브랜드 도메인이 박혀있던 사고를 발견하고 모두 신규 브랜드 로고 이미지로 일괄 교체. 사용자에게 보이는 공유 미리보기가 일관된 브랜드로 통일됨.
2026년 5월 19일
AI 도구 여러개 한번에 등록하는 일괄 처리 만들기
기존 1건씩 처리하던 자동 승인을 N건 일괄로 묶어 한 번에 등록하고 한 번에 배포할 수 있는 새 명령어 추가. 토큰과 시간 여유 있을 때 효율적으로 도구 다수를 한꺼번에 검증·등록 가능. 카테고리 다양성도 자동으로 분산.
2026년 5월 19일
AI 도구 발견 자동 승인 한국 접근성 우선으로 재설계
기존엔 모든 후보를 동등하게 점수 매겼는데 회장님 인사이트 반영해 한국 앱스토어/플레이스토어 등재 + 네이버 검색 가능 둘 다인 도구를 최우선으로 자동 승인. 옛 규칙은 매일 1건도 통과 못 했는데 새 규칙은 한국 메이저 도구 78건이 통과해 등재 풀이 풍부해짐. 네이버 검색도 도메인이 아닌 brand 단어로 검색하도록 보강.
2026년 5월 19일
AI 도구 슬러그 자동 한국 이름 한계 보완
한국어 도구가 등재될 때 URL이 의미 없는 'ai' 같은 단어로 떨어지던 문제 보강. 이름 한글 제거 후 너무 짧거나 일반적인 단어면 자동으로 괄호 안 영문 brand → 영문 별칭 → 도메인 → 패키지명 순서로 의미 있는 URL 찾기. 회장님 검수 안 봐도 사용자가 보는 URL이 도구명이 되도록.
2026년 5월 19일
AI 도구 페이지 요금표 카드 뚫고 나가는 현상 수정
도구 상세 페이지의 요금제 카드에서 긴 가격 텍스트(₩9,900~₩15,000 같은 형식)가 카드 너비를 침범해 옆 카드 위로 겹치던 시각 버그 수정. 264개 도구가 영향 받던 일반 패턴. 카드 너비 확장 + 가격 길이별 자동 폰트 사이즈 + 모든 텍스트 자동 줄바꿈 적용.
2026년 5월 19일
도구 요금표 카드 가독성 한단계 더 다듬기
긴 가격 텍스트가 카드 안에 들어가긴 했지만 모바일에서 단어 중간이 거칠게 끊기던 문제를 자연스러운 위치(틸드/슬래시 등)에서 줄바꿈되도록 정제. 또 가격 옆 괄호 안 보조 정보(달러 환산값 등)는 자동으로 작은 회색 글씨로 분리해 시각 계층 강화.
2026년 5월 19일
AI 도구 추천 정확도, LLM 자동 분류로 본질 개선
도구마다 어떤 task에 적합한지 LLM이 자동으로 태그를 붙여 305개 도구 분류 완료. 카테고리만 보던 단순 추천 대신 task-specific 매칭으로 정확도가 올라갔다.
2026년 5월 20일
Phase 2 데이터 강화 일괄 라이브 — 행위 그래프 67개 신설
직업·도구·행위 3차원 그래프 데이터를 일괄 강화 후 라이브 반영. 풍부한 페이지는 즉시 노출, 부실한 페이지는 자동 noindex로 SEO 보호.
2026년 5월 20일
AI 도구 이름 자동 정규화 — search 단계로 이전 + 부분 정정
마케팅 카피 그대로 들어간 이름이 한국 검색량 측정을 흐트러뜨리던 문제를 해결. LLM이 도구 이름을 깔끔하게 다듬은 뒤 한국 검색량을 측정하도록 흐름을 바꾸고, 이미 들어간 후보 193개를 일괄 정정했다.
2026년 5월 21일
AI로 SEO 미색인 페이지 309개 살리는 법
Google이 인덱싱 거부한 직업별 AI 도구 추천 페이지를 분석해 클라이언트 사이드 렌더링이 원인임을 진단. 서버 렌더링으로 전환해 본문 콘텐츠를 6배 늘림. 한 번의 코드 수정으로 비슷한 패턴의 미색인 페이지들이 함께 회복될 수 있는 패턴 확립.
2026년 5월 21일
ChatGPT 추천 숫자가 0%로 보이는 이유
직업 위험도 게이지가 모든 페이지에서 0%로 표시되던 SSR 버그 발견. 애니메이션 초기값으로 시작하던 패턴을 실제값 즉시 노출로 변경. 800+ 페이지 영향.
2026년 5월 22일
Mureka 영문 안내 버그를 해결한 koreaInfo.url 일괄 보정
AI 도구 디렉토리에서 한국어 페이지가 있는데도 영문 사이트로 안내되던 도구 45건의 한국어 URL을 구조화 필드에 일괄 보정했습니다. 향후 자동 발견 도구도 동일 패턴을 막도록 enrich 프롬프트 스키마를 수정했습니다. (예: Mureka, Cursor, DeepL, Notion AI, Figma AI, Datadog 등)
2026년 5월 23일
AI가 직업을 진짜로 어떻게 바꾸는지 보여주는 4-phase 하네스
직업별 인사이트를 'AI가 자리를 바꿉니다'식 일반론에서 실제 한국 SW·협회·법령·통계가 인용된 깊이로 끌어올리는 자동화 파이프라인을 만들었습니다. 출처 URL fetch+snippet 매칭으로 환각을 자동 차단하고, 검증 통과한 미등록 도구는 별도 발견 채널로 흘려보냅니다.
2026년 5월 23일
Clarity로 AI 비교 페이지 DeadClick 53건 잡는 법
사용자가 클릭 가능해 보이는데 안 눌리는 영역(모델명 텍스트, 비교 표 행) 4곳을 찾아 모두 도구 상세 페이지로 연결되는 링크로 바꿨습니다. 사전 빌드된 비교 페이지 30개 전체에 한 번 수정으로 반영됩니다.
2026년 5월 23일
AI 비교 페이지에 변동 인사이트 자동 생성하는 법
30일치 모델 시계열 데이터를 활용해 신모델 출시·점수 변동·격차 변화를 매일 자동으로 서술하는 인사이트 박스를 추가했습니다. 데이터가 매일 바뀌어도 정적 텍스트로 굳어있던 문제를 해결했습니다.
2026년 5월 23일
AI 직업 페이지에서 사용자가 미친듯이 누른 곳 찾는 법
Clarity 분석으로 한 명이 66번 누른 페이지를 발견해 원인이 시각적으로 클릭 가능해 보이지만 단순 표시였던 도넛 게이지임을 확인하고 클릭 가능하게 만들었습니다. 직업 페이지 전체에 한 번 수정으로 반영됩니다.
2026년 5월 23일
AI 순위 표를 엑셀처럼 정렬 가능하게 만드는 법
Clarity 분석으로 사용자가 스프레드시트처럼 컬럼 헤더를 누르는 시도가 다수 발견되어 정렬 기능을 추가했습니다. 순위·종합 점수·코딩·추론·난이도 컬럼을 클릭하면 즉시 재정렬됩니다.
2026년 5월 24일
AI 도구 디렉토리 운영을 보여주는 대시보드 만드는 법
Cron이 빠르게 진화하는데 데이터에 버전이 안 찍혀 추적이 어려운 문제를 해결하기 위해 컨텐츠별 버전 메타데이터와 휴리스틱 분류기를 도입하고, 검수 대기와 강화 큐를 한눈에 보는 관리자 대시보드를 만들었습니다.
2026년 5월 24일
AI 도구 디렉토리 운영 대시보드 만들기
Cron이 빠르게 진화하는데 데이터에 버전이 안 찍혀 추적이 어려운 문제를 해결하기 위해 컨텐츠별 버전 메타데이터와 휴리스틱 분류기, 거절 마킹을 도입하고 한눈에 보는 관리자 대시보드를 만들었습니다. Vercel 함수 크기 제한 문제는 정적 자산을 public URL fetch로 분리해 해결했습니다.

바이브코딩 실전 팁

SSG로 600+ 페이지를 빠르게
Next.js의 generateStaticParams()로 빌드 시점에 모든 페이지를 미리 생성합니다. 서버 비용 제로, 로딩 속도 최대화.
AI로 콘텐츠 대량 생산
Gemini API로 시리즈 리서치→아웃라인→챕터 작성을 자동화했습니다. 2주 만에 33개 시리즈 239챕터를 생성했습니다.
SEO는 데이터가 답
GA4 + Search Console 데이터를 매주 분석하여 어떤 페이지가 잘 되는지 추적합니다. 데이터 기반으로 우선순위를 정하니 효율이 극대화됩니다.

자주 묻는 질문

바이브코딩으로 이런 규모의 사이트를 만들 수 있나요?
네. 600개 이상의 페이지를 가진 이 플랫폼은 100% Claude Code 바이브코딩으로 만들었습니다. Next.js, Tailwind CSS, API 연동까지 자연어 지시만으로 구현했습니다.
운영 비용은 얼마인가요?
Vercel 무료 플랜으로 호스팅하고, Upstash Redis도 무료 티어입니다. 도메인 비용(연 1-2만원)과 Claude 구독만 있으면 됩니다. 개발 시에는 Claude Max($100/월)를 사용하고, 유지보수만 할 때는 Pro($20/월)로도 충분합니다.
트래픽은 어떻게 늘렸나요?
SEO 최적화가 핵심입니다. 구조화 데이터(JSON-LD), sitemap 자동 생성, IndexNow 즉시 제출, 그리고 매일 업데이트되는 랭킹 데이터가 검색 엔진 노출을 높였습니다.
AI 검색 엔진(ChatGPT, Perplexity)에서도 노출되나요?
네. llms.txt 파일과 구조화 데이터 덕분에 ChatGPT.com과 Perplexity.ai에서 레퍼럴 트래픽이 유입되고 있습니다. AI 검색 최적화는 기존 SEO와 별도로 신경 써야 하는 영역입니다.