시리즈: 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 터미널에서 처리할 작업을…
Jesusiswith.us 기능 소개 – 매일의 QT JIWU Mission Network의 홈페이지 https://jesusiswith.us 는 HUGO 정적 홈페이지(HugoPlate 테마)로 제작되었습니다. 홈페이지에 접속을 하면 맨 처음 맞이하는 것은 ‘매일의 QT’ 팝업 모달입니다. 성서유니온의 ‘매일성경’ 본문을 바탕으로 QT 자료를 보실 수 있습니다. 본 내용은 AI Agent에 의해 작성이 되었으며, 복음주의 신학을 바탕으로 면밀히 정리되었습니다. ‘내용 요약 – 역사적/문화적 배경 –…
💡 아래 토글 버튼(►)을 클릭하시면 펼쳐서 보실 수 있습니다. 준비물 홈페이지 소스 준비를 위한 Gemini Gems 인터뷰 링크 알고 있으면 도움이 되는 내용 AI Agent를 이용하여 정적 홈페이지 만들기(초안 작성) 디자인의 도움을 받을 수 있는 툴 소개
