Claude Code로 만든 서버비 0원 정보 사이트 개발기

비개발 업무를 하는 사람 한 명이 말로 방향만 정하고, 코딩·배포·디버깅·이미지·영상은 AI 코딩 에이전트(Claude Code)가 맡아서 정보 사이트 하나를 운영해 보고 있습니다. 이틀 동안 커밋 110번, 페이지 1,360개가 나왔고, 서버·API 비용은 0원입니다(도메인·AI 구독료 별도).

구조

• 정적 사이트: 파이썬 빌드 스크립트가 HTML 1,360여 개 + sitemap 생성 → git push → GitHub Pages

• 동적 기능: Cloudflare Workers + D1 무료 한도(소셜 로그인, 찜, 팀 모집, 방문 집계, 웹푸시 구독)

• 이미지 인식: Workers AI 공개 모델(Llama 3.2 Vision)로 냉장고 사진 → 재료 체크. 무료 할당 안에서 일일 한도 걸어 둠

• 수집: 언론사 공개 RSS, 업비트 공개 API, 구글 트렌드 RSS. robots.txt 가 막은 곳(포털 금융·컨센서스 등)은 안 씀

• 자동화: 내 PC 작업 스케줄러가 매시간 수집 → 가공 → 빌드 → 배포

• 캐릭터 그림: 로컬 GPU로 오픈 모델 인페인팅(얼굴 고정, 옷만 교체)

재밌었던 기능

• 뉴스 "확인 신호" 채점: 언론사 15곳 RSS를 같은 사건끼리 묶고(씨앗 기사 기준 명사 자카드), 교차 보도 수·실명/익명 출처·제목 숫자·인용이 본문에 있는지·같은 사건인데 언론사마다 사망자 수가 다른지로 점수

• 애널리스트 리포트 노드 분석: 리포트 기사 1건 = 노드 1개(증권사·방향·이전→새 목표가·근거 태그), 종목별로 상승/하락 근거 트리

• 웹푸시: VAPID 개인키는 PC에만 두고 PC가 발송, 구독만 워커가 받음

AI가 틀린 것도 남겼습니다

• 1년 전 기사가 RSS에 날짜 없이 섞여 와서 오늘 리포트로 집계됨 → RSS→URL 날짜→기사 메타데이터 순으로 날짜 확정, 7일 넘으면 버림

• 기사끼리 사슬처럼 묶다 보니 다른 사건이 한 이슈로 합쳐짐 → 씨앗 기사 기준으로만 묶기

• 강조용 작은따옴표를 인용문으로 보고 감점 → 큰따옴표 인용만 비교

• 캐릭터 그림에 손이 셋 → 손 검수 통과한 컷만 사용

전체 비용표·구조·실제 지시 문장은 여기 다 적어 뒀습니다: https://sungprofile.cloud/ailog/?src=inflearn

궁금한 점이나 "이건 이렇게 하면 더 낫다" 의견 주시면 반영해 보겠습니다.

업데이트(10/18 저녁)

• 메인을 테마 입구 4개로 정리하고 이슈·머니·공모전·생활·AI 로그를 색·메뉴가 다른 독립 화면으로 분리했습니다. 들어온 경로(?src=)에 맞는 입구를 맨 위로 올립니다.

• 테마별 챗봇(모델 없이 브라우저 안에서 동작): 이슈는 오늘 이슈·의심 기사, 머니는 코인 시세·목표가 상향/하향 종목, 생활은 지원금 검색·청약 일정. 데이터는 패널을 열 때만 불러옵니다.

• 청약 추천: 조건 입력 → 청약 가점(84점 만점) + 노려볼 공급 유형 + 지금 접수 중인 공고 매칭.

• 머니: 공식 자료로 확인한 투자 정책 표, 나이별 일반 원칙, 실명 전문가 발언을 주제별로 모아 의견이 엇갈리면 나란히 비교(투자 권유 아님).

• 검색 정비: RSS 피드, 내용 해시로 실제 바뀐 날만 찍는 sitemap lastmod, 얇은 자동 페이지 noindex, 자바스크립트로 그리던 화면을 정적 HTML로 미리 렌더(검색엔진이 읽는 글자 687자 → 13,605자).

• 방문 집계: 첫 유입 기준으로 채널 묶기, 해외 서버 자동 점검 트래픽 제외(첫날 12건 섞여 있었음).

• 숫자 갱신: 2일 · 커밋 110번 · 페이지 1,360개(옛 다국어 페이지 2,400여 개 정리). 서버·API 비용은 여전히 0원.