시리즈: AI와 함께 만든 홈페이지 ccumgol.net · (6/8) 일년일독성경은 1년 동안 성경 전체를 1독하도록 돕는 월별 읽기표입니다. 1월부터 12월까지, 매일 읽을 분량과 개역개정 본문 바로가기 링크가 표로 정리돼 있습니다. 1월만 손으로, 나머지는 자동으로 처음엔 1월 읽기표만 손으로 만들었습니다. 2~12월까지 남은 11개월을 똑같이 만들려니 막막했죠. 각 날마다 “창세기 1~3장” 같은 본문을 적고, 장마다 성경 사이트 링크를…
시리즈: AI와 함께 만든 홈페이지 ccumgol.net · (5/8) 지도로 보는 예수님의 생애는 이 홈페이지에서 가장 공들인 코너 중 하나입니다. 예수님의 생애를 국면별(탄생·초기 사역·갈릴리·물러나심·수난주간·부활 등 8국면) 로 나누고, 각 국면을 실제로 확대·이동할 수 있는 인터랙티브 지도 위에서 따라가도록 만들었습니다. 여기에 사건별 교재 78편이 딸려 있습니다. 문제: 마크다운으로는 표현이 안 된다 성경공부 글이나 동전 도감은 마크다운(글)으로 충분했습니다….
시리즈: AI와 함께 만든 홈페이지 ccumgol.net · (4/8) 동전 코너에는 미국 지도가 하나 있습니다. 그냥 그림이 아니라, 주(州)를 클릭하면 그 주의 동전이 나타나는 인터랙티브 지도입니다. 이런 건 대개 지도 서비스나 유료 도구를 붙여야 할 것 같지만, 실제로는 가벼운 방법으로 만들었습니다. SVG — 클릭할 수 있는 그림 비결은 SVG라는 그림 형식입니다. 일반 사진(jpg, png)은 픽셀 덩어리라…
시리즈: AI와 함께 만든 홈페이지 ccumgol.net · (3/8) 미국 25센트 동전(Quarter)에는 50개 주, 준주, 국립공원, 미국의 여성들, 건국 250주년까지 — 미국의 역사와 지리가 그림으로 담겨 있습니다. 이걸 동전 도감으로 만들어 미국을 소개하면 재미있겠다 싶었습니다. 그런데 동전이 137종입니다. 페이지를 137개 손으로 만든다고요? 상상만 해도 아득합니다. 핵심 아이디어: 페이지가 아니라 ‘데이터’를 만든다 그래서 접근을 뒤집었습니다. 동전마다 페이지를…
![[꿈골닷넷 3] 노션에 쌓인 성경공부를, 웹 콘텐츠로](https://jiwumission.org/wp-content/uploads/2026/08/notion_image-45-768x556.png)
시리즈: AI와 함께 만든 홈페이지 ccumgol.net · (2/8)본 내용의 결과물은 https://ccumgol.net/bible-study/ (성경공부)와 https://ccumgol.net/new-believer/ (새신자 성경공부)에서 보실 수 있습니다. 홈페이지라는 그릇은 만들었으니, 이제 담을 내용이 필요했습니다. 마침 노션(Notion)에 ‘꿈골성경공부’ 데이터베이스로 오랫동안 정리해 둔 자료가 있었습니다. 문제는 이걸 하나하나 손으로 옮기려면 며칠이 걸린다는 것이었죠. AI에게 “이관”을 부탁하다 AI에게 노션 자료를 홈페이지의 성경공부 메뉴로 옮겨달라고 했습니다. 단순 복사가…
![[꿈골닷넷 1] AI와 함께 홈페이지를 만들었습니다 — ccumgol.net 이야기 (시리즈 안내)](https://jiwumission.org/wp-content/uploads/2026/08/notion_image-35-768x699.png)
시리즈: AI와 함께 만든 홈페이지 ccumgol.net · (0/8 · 시리즈 안내) 목회하며 쌓아온 자료들이 노션과 컴퓨터 폴더 여기저기 흩어져 있었습니다. “이걸 사람들이 볼 수 있는 홈페이지로 만들 수 있을까?” 하는 생각에서 시작했는데, 코드를 거의 모르는 제가 AI(Claude)와 대화하듯 작업하며 실제로 서비스되는 홈페이지 ccumgol.net을 완성했습니다. 놀라웠던 건 “블로그에 글 몇 개 올리는” 수준이 아니라, 인터랙티브 지도,…
![[꿈골닷넷 2] 워드프레스를 버리고 Hugo + Cloudflare로 갔습니다](https://jiwumission.org/wp-content/uploads/2026/08/notion_image-34-768x699.png)
시리즈: AI와 함께 만든 홈페이지 ccumgol.net · (1/8) 원래 ccumgol.net에는 워드프레스로 만든 사이트가 돌아가고 있었습니다. 그런데 워드프레스는 관리가 늘 부담이었습니다. 플러그인 업데이트, 보안 취약점, 호스팅 비용, 가끔 느려지는 속도 — 목회하며 틈틈이 돌보기엔 손이 많이 갔습니다. 그래서 이번엔 정적 홈페이지(static site) 방식으로 완전히 새로 만들었습니다. 정적 홈페이지가 뭔가요? 워드프레스는 방문자가 들어올 때마다 서버가 “그때그때” 페이지를…
이 코너는 무엇인가요 매일의 IT뉴스는 하루 한 편, 지난 24시간 동안 있었던 IT·AI 분야의 중요한 소식을 한국어로 정리해 올리는 브리핑입니다. 미국 동부시로 매일 밤 11시에 다음 날짜의 글이 자동으로 발행됩니다. 아침에 커피 한 잔 마시는 동안 다 읽을 수 있는 분량을 목표로 합니다. 수집·작성·발행은 AI 에이전트가 정해진 절차에 따라 수행하고, 사람이 최종 게시본을 확인합니다. 그래서…
Hugo 정적홈페이지 Hybrid 설치 가이드 for Mac 이 문서는 Antigravity IDE에서 빈 GitHub 리포지토리를 클론한 뒤, 터미널 명령어로 Hugo와 Blowfish 테마를 Hugo Modules 방식으로 설정하고 다시 GitHub에 Push하는 전체 과정을 정리한 가이드입니다. AI Agent와 함께 정적 홈페이지를 제작할 때 토큰 사용량을 줄이기 위해, AI에게 맡길 작업과 사용자가 직접 터미널에서 처리할 작업을 나누어 진행하는 방법을 설명합니다….
Hugo 정적홈페이지 Hybrid 설치 가이드 for Windows 이 문서는 Antigravity IDE에서 빈 GitHub 리포지토리를 클론한 뒤, Windows 환경에서 Hugo와 필수 도구를 설치하고 Hugo Modules 방식으로 테마를 적용한 다음, 다시 GitHub에 Push하는 과정을 정리한 가이드입니다. AI Agent와 함께 정적 홈페이지를 제작할 때 토큰 사용량을 줄이기 위해, AI에게 맡길 작업과 사용자가 직접 Antigravity IDE 터미널에서 처리할 작업을…
