시리즈: AI와 함께 만든 홈페이지 ccumgol.net · (0/8 · 시리즈 안내)
목회하며 쌓아온 자료들이 노션과 컴퓨터 폴더 여기저기 흩어져 있었습니다. “이걸 사람들이 볼 수 있는 홈페이지로 만들 수 있을까?” 하는 생각에서 시작했는데, 코드를 거의 모르는 제가 AI(Claude)와 대화하듯 작업하며 실제로 서비스되는 홈페이지 ccumgol.net을 완성했습니다.
놀라웠던 건 “블로그에 글 몇 개 올리는” 수준이 아니라, 인터랙티브 지도, 137종 동전 도감, 자동 생성되는 성경 읽기표, 한/영 이중 언어까지 — 보통 개발팀이 붙어야 할 법한 기능들을 하나씩 구현할 수 있었다는 점입니다.
이 시리즈는 그 과정을 기능 하나에 글 하나씩 나눠, “정적 홈페이지에서 AI로 이런 것도 되는구나”를 재미있게 나누려고 정리했습니다. 개발자가 아니어도 읽을 수 있게, 그러나 “실제로 어떻게 했는지”는 빠뜨리지 않고 적었습니다.
시리즈 목차
- 워드프레스를 버리고 Hugo + Cloudflare로 — 왜 옮겼고, 무엇이 좋아졌나
- 노션 성경공부를 웹으로 — 흩어진 자료를 콘텐츠로 이관하기
- 137개 동전으로 배우는 미국 — 데이터 한 벌이 곧 콘텐츠가 되다
- 클릭하는 미국 지도 — SVG로 만든 인터랙티브 지도
- 지도로 보는 예수님의 생애 — 자립형 인터랙티브 지도를 사이트에 붙이기
- 일년일독성경 — 데이터를 문서로, 그리고 CGN 방송과 대조하기
- 한 사이트, 두 언어 — 동전 상세 설명까지 AI로 번역하기
- 테마를 해치지 않고 내 색으로 — 디자인 커스터마이징
이 홈페이지를 떠받치는 3가지 도구
다음 글부터 기능을 하나씩 열어보겠습니다. 첫 글은 “왜 정적 홈페이지인가”입니다.
