안녕하세요! 코딩은 전혀 모르던 초보인데, 9월부터 AI랑 같이 만든 웹사이트 하나 소개해 봐요.
■ 이사 갈 집이나 가게 자리를 볼 때 "여기 땅은 원래 뭐였을까?" 궁금할 때가 있잖아요. 주소를 넣으면 그 자리를 이렇게 보여 줘요.
땅의 기운과 사람의 기운을 통해 이사할 이곳이 나랑 맞는지 보는 겁니다.
- 지형 점수 — 뒤에 산, 앞에 물(배산임수)처럼 옛사람들이 자리 고르던 기준을 지형 자료로 다시 재서 점수 하나로 보여 줘요.
- 옛 지도 — 1861년 대동여지도에 그 동네가 어떻게 그려져 있었는지 같이 봐요.
- 지금 동네 — 둘레 교통, 학교, 가게 업종, 실거래를 공공 데이터로 거리별로 정리해요.
- 장소 이야기 — 동네 이름에 숨은 내력을 글과 영상으로 하나씩 쌓고 있어요.
고민 중인 두 곳을 나란히 놓고 비교할 수 있습니다.
■ 어떻게 만들었냐면요
- 코드: Claude Code 100% 저는 "이건 이렇게 보여야 해", "여기 숫자가 이상해" 등의 컨셉과 계산(?)을 협의했습니다.
- 서버: Cloudflare Workers, 리포트 PDF 만드는 쪽은 구글 클라우드
- 데이터: 국토교통부 실거래, 브이월드 지형·지적 자료, 국립중앙박물관 대동여지도(공공누리) 같은 공공 자료
- 결제: 토스페이먼츠
■ 어려웠던 점
- 공공 데이터마다 모양이 다 달라서 한 화면에 맞추는 데 시간이 제일 많이 걸렸어요.
- 결제 붙이고, 결제하면 리포트가 메일로 바로 가게 만드는 게 생각보다 손이 많이 갔어요. (서버는 배우면 좋을거 같아요.)
- 애드센스는 한 번 떨어졌어요. 동네 이름만 바뀌는 페이지를 너무 많이 찍어 냈더니 "가치가 별로 없는 콘텐츠"라고 하더라고요. 그 뒤로는 사람이 읽을 만한 글을 하나씩 쓰는 쪽으로 바꿨어요. 바이브코딩 하시는 분들 이 부분은 꼭 참고하세요!
긴 글 읽어주셔서 감사합니다.