워크숍 — 제너러티브 에이징 웹사이트와 AI 코딩 도우미로 하는 실습

데이터 실습은 웹사이트 화면으로, 프로그래밍 실습은 AI 코딩 도우미(예: Claude Code)와 시작 코드로 합니다. 짧은 주소 gen-age.com/workshop으로도 열립니다.

• 도시 재야생화 — 답사에서 본 것과 모델링 · 드로잉 →부산 답사에서 본 개 · 고양이 · 덩굴, 그 자리를 360 사진 · 드론 영상으로 기록해 모델링 · 드로잉으로 만든 과정, 그리고 웹에서 따라 하기.
• 모델링 · 드로잉 공정 — 360 · 드론 → 깊이 → 층 모델 → 층 드로잉 →360 한 장만 · 드론 모델링만 · 둘 다에서 깊이를 재 층으로 나눈 모델과 드로잉을 만드는 단계, 단계마다 지금 어디까지 웹에서 되는지와 실제 결과 그림.
• 2026 디자인 부산 해커톤 →공통주제 «사람이 머물고, 관계가 이어지고, 가치가 순환하는 지속가능한 부산» · 10개 팀 주제 · 차례. 7팀 «교육 · 대학»은 부산 교육 이슈 조사(항목마다 출처)까지. 짧은 주소 gen-age.com/hackathon.
• 따라 하기 — 360 · 드론으로 층 모델 · 드로잉 →휴대폰으로 빙 둘러 찍은 사진, 이미 있는 360 · 드론 모델링에서 구글 클라우드가 깊이를 재 층 모델과 드로잉을 만듭니다(워크숍 참가 권한).
• 내 기록 웹 만들기 — 서버 없이 · Supabase로 →파일 하나를 열면 되는 기록 웹 — 사진을 올리고, 내 Gemini 키로 분석하고, 지도 · 그래프로 봅니다. 저장은 이 브라우저(서버 · 바깥 데이터베이스 없음) 또는 Supabase(여럿이 함께).
• 시각화 화면 — 장소 기록 카드 →답사 사진을 «기록»에 올리고, AI가 사진마다 적은 것을 내 노트북의 웹페이지로 지도에 놓고 · 세고 · 한 장의 카드로 남깁니다. 단계마다 완성 코드가 들어 있습니다.
• 실습 더 하기 — 우리 동네의 다음 국면 →웹사이트의 결정과 그림 AI가 그린 다음 국면 360을, 노트북에서 직접 만든 작은 웹페이지로 견주고 적어 봅니다. 단계마다 완성 코드가 들어 있습니다.
• 내 아카이브 웹 — 노트북에서 만드는 기록 웹사이트 →사진을 올리면 저장되고 · 지도에 놓이고 · Hugging Face에서 받은 AI 모델이 브라우저에서 읽어 적는 작은 아카이브를 노트북에서 띄웁니다(설치는 Node.js 하나).
• 내 스케치 렌더링 — 내 Gemini 키로 →모형 · 스케치 사진을 설계 그대로 렌더링하고 글로 고쳐 가는 작은 웹을 노트북에서(내 API 키 · 그림 한 장마다 값이 듭니다).
• 사진에서 종 찾기 × GBIF →사진 조각을 공개 생물 AI가 읽고 그 자리의 GBIF 기록과 견줘 «기록된 적 없는 후보»를 찾는 Python 묶음(돈 없음).
• AI로 찾은 것 — 부산 공개 기록에 없던 종 →두 AI가 사진에서 낸 식물 이름을 부산의 공개 생물 기록(iNaturalist · GBIF)과 견줘, 기록에 없던 후보 · AI가 헷갈린 것 · 엉뚱한 것을 사진 조각과 함께 모았습니다.
• 동네 분석 한 장 →한 동네에 쌓인 기록을 한 화면에 — 무엇을 보고 그렸나 · 사진에서 찾은 생물 · 사람들의 결정 · 미래 그림과 근거 사슬(2부 «분석 결과 공유»).
• 데이터 수집 · 분석 · 시각화 →공공 자료 · 위성 · 현장 사진을 모으고, 이 자리에 해당하는지 따져 표 · 그래프 · 지도로 그려 보는 실습 문서입니다.
• 프로그래밍 워크숍 →웹사이트에서 만든 것을 AI 코딩 도우미(예: Claude Code)와 함께 작게 다시 만들어 보는 일곱 회차 — 진행 대본과 프롬프트.
• 시작 코드(실습 키트) 내려받기 →노트북에서 로컬호스트로 여는 웹페이지 묶음 — 장소 기록 카드 · 다음 국면 견주기 · 내 웹페이지 · 360 뷰어 · 지도 위 점 찍기.