홈페이지

시리즈: AI와 함께 만든 홈페이지 ccumgol.net · (8/8 · 마지막) 홈페이지의 첫인상은 결국 디자인입니다. ccumgol.net은 ‘Blowfish’라는 무료 테마를 바탕으로 시작했지만, 그대로 두지 않고 “AI가 만든 티가 나는 밋밋한 디자인”이 아니라 호감 가는 나만의 모습으로 다듬는 걸 목표로 했습니다. 핵심 원칙은 하나였습니다 — 테마 본체는 건드리지 않는다. 왜 테마를 직접 고치면 안 되나 테마는 나중에 업데이트됩니다….

시리즈: AI와 함께 만든 홈페이지 ccumgol.net · (7/8) ccumgol.net은 한국어가 기본이지만, 첫 페이지·소개·강연 문의·동전 코너는 영어(/en/) 로도 볼 수 있습니다. 메뉴에 한/영 전환 버튼이 있어 오가며 볼 수 있죠. 다국어는 ‘두 개의 사이트’를 겹치는 일 Hugo는 다국어를 정식으로 지원합니다. 한국어 페이지는 /, 영어 페이지는 /en/ 아래에 놓이고, 메뉴·설정도 언어별로 따로 둡니다. 방문자에겐 하나의 사이트처럼 보이지만,…

시리즈: 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 · (3/8) 미국 25센트 동전(Quarter)에는 50개 주, 준주, 국립공원, 미국의 여성들, 건국 250주년까지 — 미국의 역사와 지리가 그림으로 담겨 있습니다. 이걸 동전 도감으로 만들어 미국을 소개하면 재미있겠다 싶었습니다. 그런데 동전이 137종입니다. 페이지를 137개 손으로 만든다고요? 상상만 해도 아득합니다. 핵심 아이디어: 페이지가 아니라 ‘데이터’를 만든다 그래서 접근을 뒤집었습니다. 동전마다 페이지를…

시리즈: AI와 함께 만든 홈페이지 ccumgol.net · (2/8)본 내용의 결과물은 https://ccumgol.net/bible-study/ (성경공부)와 https://ccumgol.net/new-believer/ (새신자 성경공부)에서 보실 수 있습니다. 홈페이지라는 그릇은 만들었으니, 이제 담을 내용이 필요했습니다. 마침 노션(Notion)에 ‘꿈골성경공부’ 데이터베이스로 오랫동안 정리해 둔 자료가 있었습니다. 문제는 이걸 하나하나 손으로 옮기려면 며칠이 걸린다는 것이었죠. AI에게 “이관”을 부탁하다 AI에게 노션 자료를 홈페이지의 성경공부 메뉴로 옮겨달라고 했습니다. 단순 복사가…

시리즈: AI와 함께 만든 홈페이지 ccumgol.net · (0/8 · 시리즈 안내) 목회하며 쌓아온 자료들이 노션과 컴퓨터 폴더 여기저기 흩어져 있었습니다. “이걸 사람들이 볼 수 있는 홈페이지로 만들 수 있을까?” 하는 생각에서 시작했는데, 코드를 거의 모르는 제가 AI(Claude)와 대화하듯 작업하며 실제로 서비스되는 홈페이지 ccumgol.net을 완성했습니다. 놀라웠던 건 “블로그에 글 몇 개 올리는” 수준이 아니라, 인터랙티브 지도,…

시리즈: AI와 함께 만든 홈페이지 ccumgol.net · (1/8) 원래 ccumgol.net에는 워드프레스로 만든 사이트가 돌아가고 있었습니다. 그런데 워드프레스는 관리가 늘 부담이었습니다. 플러그인 업데이트, 보안 취약점, 호스팅 비용, 가끔 느려지는 속도 — 목회하며 틈틈이 돌보기엔 손이 많이 갔습니다. 그래서 이번엔 정적 홈페이지(static site) 방식으로 완전히 새로 만들었습니다. 정적 홈페이지가 뭔가요? 워드프레스는 방문자가 들어올 때마다 서버가 “그때그때” 페이지를…

이 코너는 무엇인가요 매일의 IT뉴스는 하루 한 편, 지난 24시간 동안 있었던 IT·AI 분야의 중요한 소식을 한국어로 정리해 올리는 브리핑입니다. 미국 동부시로 매일 밤 11시에 다음 날짜의 글이 자동으로 발행됩니다. 아침에 커피 한 잔 마시는 동안 다 읽을 수 있는 분량을 목표로 합니다. 수집·작성·발행은 AI 에이전트가 정해진 절차에 따라 수행하고, 사람이 최종 게시본을 확인합니다. 그래서…