화상
디지털역량 AI홈페이지제작

코딩 없이 만드는 AI 홈페이지 제작

🌐 90분이면 서비스 하나가 완성됩니다! AI 홈페이지 제작 실습 💻 ✅ 난이도: 중급(툴 활용 경험자 대상) ✅ 강의형식: 이론(25%)+실습(75%) ✅ 사용 도구: Claude(클로드), GitHub(깃허브), Vercel(버셀), Supabase(슈파베이스) □ 강의 내용 • AI로 만드는 웹사이트 이해: 화면만 보여주는 결과물과 실제로 운영되는 서비스의 차이 알아보기 • 회원 정보 관리: Supabase 프로젝트 생성, 이메일 로그인 기능 설정, 접속 주소와 연결 키 확보하기 • Claude 활용법: 소개 페이지, 회원가입, 로그인, 회원 전용 페이지를 만들기 위한 요구사항 프롬프트 작성하기 • 데이터베이스 연결하기: 받은 코드에 내 접속 정보를 넣고 보안 규칙(RLS) 적용하기 • 사이트 배포하기: GitHub에 코드를 올리고 Vercel로 불러와 실제 주소로 배포하기 • 사이트 관리 및 운영하기: 수정하면 자동으로 다시 배포되는 흐름과 로그인 오류 점검 방법 알아보기 □ 강의를 듣고 나면 • Supabase에서 로그인용 프로젝트를 만들고 이메일 회원가입 기능을 설정할 수 있습니다. • 원하는 홈페이지 구조를 Claude에 요구사항으로 전달해 회원제 페이지 코드를 받아낼 수 있습니다. • 받은 코드에 내 데이터베이스 정보를 연결하고 회원 정보 보호 규칙을 적용할 수 있습니다. • GitHub와 Vercel을 연결해 내 홈페이지를 인터넷에 공개하고 주소를 공유할 수 있습니다. • 공개한 사이트를 수정한 뒤 다시 올리는 과정을 반복할 수 있습니다. • 로그인이 되지 않는 대표적인 오류 상황을 점검하고 해결할 수 있습니다. 📌 강의 준비물 • Claude, GitHub, Vercel, Supabase 계정(사전가입필수) • 데스크톱 또는 노트북 필수(태블릿·스마트폰만으로는 실습 진행이 어렵습니다.) • Chrome 등 최신 브라우저 • Zoom 최신 버전 ※ 강사 화면과 작업 화면을 함께 봐야 하므로 듀얼 모니터 또는 넓은 화면을 권장합니다. 📢 실습 전 과정은 각 서비스의 무료 플랜만으로 진행됩니다. 다만 Vercel 무료 플랜은 개인의 비상업적 용도로만 사용할 수 있어, 영리 목적 사이트 운영 시 유료 플랜 전환이 필요할 수 있습니다

신청기간
2026.10.12.(월) ~ 2026.10.28.(수)
학습일자
2026.10.28.(수)
교육시간
19:30 ~ 21:00
교육대상
누구나
모집인원
총 200 명
수강료
무료

학습 목차

  1. 1 코딩 없이 만드는 AI 홈페이지 제작 2026.10.28 19:30 ~ 21:00

수강안내

수강안내
교육대상 누구나
학습방법 화상
학습일자 2026.10.28.(수)
교육시간 19:30 ~ 21:00
수료기준 출석률 100% 이상
유의사항
  • -수강신청 시 학습안내를 받으실 휴대폰 번호를 정확히 입력해주세요.
  • -수강신청 후 학습에 참여하지 않을 시(노쇼, no-show) 인한 불이익이 있을 수 있습니다.
  • -화상수업 참여시 수강신청자와 참석자 이름이 동일해야 수료처리가 됩니다.
  • -화상수업 참여 전 "ZOOM" 프로그램 설치 및 카메라/오디오 점검해주시기 바랍니다.
  • -본 강의는 실시간으로만 진행되며, 다시보기는 제공되지 않습니다.
<화상학습 참여방법>

로그인 > 내 공간 > 학습관리 > 화상학습내역 > 학습 중인 강좌명 확인 후 입장하기 선택
(화상학습 시작 10분 전부터 입장이 가능합니다.)

신청안내

신청안내
사업명 경기도 지식 (특강형)
신청기간 2026.10.12.(월) 09:00 ~ 2026.10.28.(수) 12:00 / 선착순 모집
신청방법 온라인
모집인원 200명
수강료 무료
재료비 없음

운영기관 및 문의처

운영기관 및 문의처
기관명 경기도 지식
주소 경기 수원시 영통구 도청로 30 (이의동, 경기도청) (이의동) 경기도청
수강관련 문의처 지식운영자 / 1600-0999 / master@gseek.kr

강사 소개

차진우
차진우 강사
경력
IT 도서 기획 편집자
· 現) 골든래빗 IT기획편집팀

기획 및 편집
<요즘 바이브 코딩 클로드 코드 완벽 가이드>, <요즘 바이브 코딩 안티그래비티 완벽 가이드>, <이게되네? 오픈클로 미친 활용법 50제>, <요즘 우아한 백엔드 개발>, <요즘 AI 루프 엔지니어링> 등 다수 기획 편집

강의
- 클로드 AI로 시작하는 업무 생산성 혁신 / 멀티캠퍼스
- 클로드 코워크와 클로드 코드 업무 활용 / 경기영상과학고등학교
저서
바로바로 클로드 with 코워크, 스킬, 클로드 코드, 디자인

수강평

전체 강의 만족도 (전체 수강평 0개)