소개
상담연구소(관계서재 상담연구소, 부부·가족상담 + 경독상담 운영)의 실제 서비스 홈페이지가 없어서, 개발자 없이 Claude Code와의 대화만으로 디자인 참조부터 실제 브랜드 자료 반영, 배포, 도메인 구매·연결, 검색엔진(구글·네이버) 등록까지 전 과정을 끝낼 수 있는지 시도해봤습니다. 예쁜 템플릿이 아니라 실제 운영 기관의 진짜 로고·사진·소장님 약력·연락처를 그대로 반영해서, 바로 서비스할 수 있는 홈페이지를 만드는 게 목표였습니다.
진행 방법
디자인 참조 사이트를 먼저 던져줬습니다.
https://peachmarket.kr/ 이 사이트를 참조해서 <관계서재 상담연구소> 홈페이지를 만들고 싶어.
AI가 참조 사이트를 직접 방문해 색감·여백·구성을 분석해 초안을 만들었고, 바로 실제 파일이 있는 경로를 알려줬습니다.
"C:\Users\user\Documents\Claude\Projects\경독상담"
"C:\Users\user\Documents\Claude\Projects\부부관계 자녀미래결정한다"/ 이것을 참조해서 만들어줘
이 한 마디로 예시 문구였던 초안이 실제 노명숙 소장님 약력·프로그램명·연락처로 전부 교체됐고, 기존 배포 사이트도 참고시켰습니다.
https://kerith.netlify.app/ 기존의 이 홈페이지와 통합해서 만들어줘.
페이지 구조도 직접 지정했습니다.
ch1.상담소자 소개, ch2.에는 부부가족상담 , ch3.에 경독상담/ ch4. 게시판/ ch5.에는 공지사항을 만들어줘.
(상담분야 살펴보기)를 누르면 ch2. 부부가족상담과 ch3.경독상담이 나오도록 해줘.
내가 게시판과 공지사항에는 자주 글을 올릴수 있도록 만들어줘
이 요청 덕분에 게시판/공지사항이 아래처럼 배열에 블록 하나 만 추가하면 새 글이 등록되는 구조로 만들어졌습니다.
{
date: '2026-08-01',
tag: '경독상담',
title: '글 제목',
excerpt: '한두 문장 요약',
link: 'https://blog.naver.com/kerith_family'
}
이후 실제 로고 이미지를 채팅에 붙여넣고 "로고 삽입 / 관계서재 상담연구소 홈페이지 이름을 써줘"라고 요청 → 민트색 배경을 지워 투명 아이콘 버전과 전체 로고 버전으로 분리해 헤더·히어로·푸터에 배치했습니다.
(스크린샷: 완성된 홈페이지)
한국 회사 홈페이지
배포는 Netlify Drop으로 시작했는데 결제를 요구해서 Cloudflare Workers(정적 자산 업로드)로 전환, 폴더 드래그 앤 드롭만으로 몇 초 만에 배포됐습니다.
(스크린샷: Cloudflare 배포 완료 화면)
이어서 Cloudflare Registrar에서 gwangyeseojae.com을 연 $10.46에 구매하고, Worker의 Domains 탭에서 루트 도메인과 www를 각각 연결했습니다.
(스크린샷: 도메인 구매 완료 + Custom Domains 연결 화면)
Google AdWords 계정의 스크린샷
'your domain be on their way'라는 단어가 포함된 웹페이지의 스크린샷
마지막으로 Google Search Console은 TXT 레코드로, 네이버 서치어드바이저는 아래 메타 태그를 index.html에 직접 삽입하는 방식으로 소유 확인 후 사이트맵을 제출했습니다.
<meta name="naver-site-verification" content="55931a21ed2c25311b3663c4d5aaaa0b975b2fe0" />
(Google Search Console / 네이버 서치어드바이저 등록 완료 화면)
결과와 배운 점
gwangyeseojae.com 실사용 홈페이지 완성 + 구글·네이버 검색엔진 등록까지 완 료했습니다. 게시판·공지사항은 개발 지식 없이 직접 유지보수 가능한 구조입니다.
배운 점으로는, 추상적으로 설명하는 것보다 실제 파일(로고, 사진, 기존 사이트 URL)을 그대로 던져주는 게 훨씬 정확한 결과물을 만든다는 것, 그리고 "자주 글을 올릴 수 있게 해줘" 같은 요청 하나로 매번 코드를 안 건드려도 되는 데이터 구조를 설계받을 수 있다는 걸 알게 됐습니다.
시행착오도 있었습니다. Netlify 무료 플랜이 결제를 요구해서 Cloudflare로 급하게 전환했고, 새 파일(sitemap.xml, robots.txt)을 추가한 뒤 재배포할 때 폴더 안 내용물을 일부만 선택해서 조용히 실패했던 적이 있었습니다(전체 선택 후 재배포로 해결). 또 채팅창에 붙여넣은 이미지를 AI가 파일로 못 찾는 경우가 있어서, 특정 폴더에 저장하고 경로를 알려주는 방식으로 해결했습니다. Cloudflare 대시보드 메뉴가 최근 개편되어 "Workers & Pages", "Domains" 탭 위치를 헤맨 부분도 있었습니다.
도움이 필요한 부분
게시판 글이 많아졌을 때 더 편한 관리 방식(간단한 CMS)이 있을지, 그리고 상담 신청 폼을 실제 이메일 자동 발송까지 연결하는 방법입니다. 앞으로는 기존에 있던 relibrary.imweb.me 사이트를 정리하거나 새 도메인으로 리다이렉트할 계획입니다.
도움 받은 글 (옵션)
디자인 참조: https://peachmarket.kr/
