← 프로젝트

제품HaeYoungLab (개인)2026.06 – 2026.07종료

해영랩 에이전시 사이트: 서비스 12종·데모 7종·업체별 맞춤 페이지 39개

글과 이미지 대신 '직접 눌러보는' 데모로 역량을 증명하는 웹 제작 판매 사이트를 40일에 혼자 만들어 운영했다.

서비스 12종
데모 7종
맞춤 페이지 39
역할
기획 · 풀스택 · 세일즈 (주도)
함께
팀원 김민영 (업종별 예시 페이지 · SEO · 문의 폼 초판)
상태
2026.10 종료
기술
Next.js 16 · React 19 · Tailwind 4 · Vercel AI SDK · Claude API · OpenAI Embeddings · Drizzle ORM · PostgreSQL · cheerio · nodemailer · mermaid · Vercel
40일
기획부터 운영까지 (120커밋)
12 · 7 · 17
서비스 · 시스템 데모 · 업종 예시
39
업체별 맞춤 제안 페이지 (열람 추적)

외주 시장에서는 역량이 글과 이미지로만 전달돼 신뢰를 쌓기 어렵습니다. 예약 중복 차단, 웹훅 멱등, 권한 403, RAG 챗봇, 큐/DLQ, 실시간 전파 같은 시스템 데모 7종과 업종별 예시 17종을 데이터 드리븐으로 만들고, 업체별 맞춤 제안 페이지 39개에 열람 비콘을 달아 영업까지 이었습니다.

상황

소상공인 대상 웹 제작 서비스를 개인 브랜드로 열었습니다. 홈페이지·웹앱·AI 챗봇·자동화·크롤링·DB 튜닝·AWS 인프라·API 연동·커머스까지 12종 라인업을 정하고, 각 서비스를 '작동하는 증거'로 보여주는 것이 목표였습니다.

한 일

  1. 01

    데모와 복합 빌드

    예약·결제·권한(RBAC)·AI 자동화·실시간 5종 복합 시스템 아키타입을 Mermaid 다이어그램과 함께 정의하고, 인터랙티브 데모 7종을 구현했습니다.

  2. 02

    RAG 챗봇과 스크래핑

    Claude 스트리밍 응답에 IP 레이트리밋을 걸고, 한·일 문서를 청킹해 OpenAI 임베딩 코사인 검색으로 답하는 챗봇, Google Trends RSS(KR/JP) 스크래핑 API.

  3. 03

    영업 동선

    문의를 메일과 DB(Drizzle)에 영속화하고, 업종 컴포넌트 7종으로 생성한 맞춤 제안 페이지 39개에 한·일·영 토글과 열람 비콘 → 이메일 알림을 붙였습니다.

결과

  • 실내건축 기업 홈페이지 수주로 이어짐(위 외주 사례).
  • 2026.10 종료. 저장소에는 리드 명단이 있어 비공개.

정직하게 적어 두는 것

  • 자동 테스트는 없었고 백엔드는 Next.js route handler로 처리했습니다.