포인트
쿠폰
내 강의실
국비 신청 내역
증명서
계정
로그아웃
강의
학습 질문
부가 서비스
최종 금액490,000원
490,000원

웹개발이 처음이어도
쉽게 배우는 GPT 웹개발

기획부터 구현까지 AI를 활용하여 코드를 하나하나 치지 않아도,
AI로 웹 개발하는 순서와 방법을 배울 수 있어요
32개 수업총 5시간
490,000원
수강 전 유의사항
권장 기기사항
- Window : 버전 10 이상 / RAM 8G 이상 / i5 이상 / 64bit 이상
- Mac : 11.7 (Big Sur) 이상
[기기 사양 확인법]
- Window : 컴퓨터 설정 → 시스템 → 정보
- Mac : 화면 왼쪽 상단 Apple 로고 → 이 Mac에 관하여
유의사항
* 수강 중인 강의에는 Lovable 실습이 포함되어 있어, 원활한 실습 진행을 위해 개인 계정으로 Lovable Pro(유료 요금제)를 구독해주셔야 합니다. 실습에 필요한 최소 플랜은 월 $25 요금제이며, 연간 결제가 아닌 월 결제로 진행해 주세요.

* 국비지원 강의의 경우, 하루 최대 16강까지 수강할 수 있습니다(실습 포함). 한번에 몰아듣기가 불가하므로, 1일 최대 수강 가능 강의 수를 고려해 수강 계획을 세워주세요.

* 국비지원 강의는 명의 양도 방지를 위해 수강하시는 날 최초 1회 본인인증이 필요합니다.
인증은 본인 명의의 휴대폰으로 진행할 수 있으며, 해외 수강 시 국내 발송 문자 수신이 가능해야 수강하실 수 있습니다.
웹 개발을 처음부터
차근차근 배우고 싶어요.
코딩 왕초보
HTML·CSS·JavaScript로
웹사이트를 직접 만들고 싶어요.
웹 제작 입문자
AI를 활용해
나만의 웹 서비스를 만들어보고 싶어요.
서비스 제작 도전자

지금 주목받는 방식, AI로 웹을 만드는 법

기획부터 구현까지 AI를 활용하여 코드를 하나하나 치지 않아도, AI로 웹 개발하는 순서와 방법을 배울 수 있어요!

웹개발이 처음이어도 쉽게 배우는 GPT 웹개발

수강 기간
35일
소장 기간
수강 후 평생소장
수료 조건
수강 기간 내 100% 학습 시
학습 분량
32개 수업 ・ 총 5시간
실습
null 0개 제작
수준
사전 지식 없이 수강 가능

[기기 사양 확인법]
- 윈도우: 컴퓨터 설정 → 시스템 → 정보
- Mac: 화면 왼쪽 상단 Apple 로고 → 이 Mac에 관하여

[상세 사양]
- 윈도우 : 버전 10 이상 / RAM 8G 이상 / i5 이상 / 64bit 이상 - Mac : 11.7 (Big Sur) 이상

이 강의를
들어야 하는 이유

01
코드를 외우지 않는 웹개발 입문
웹개발이 처음인 사람도 직관적으로 이해할 수 있도록, AI를 활용하여 개발하는 바이브코딩 기초 방식을 배웁니다.
02
ChatGPT와 함께하는 ‘화면 조립’ 방식의 개발
무엇을 만들지 말로 정리하고, AI와 대화하며 화면을 설계하고 구현하는 과정을 반복하며 조립하는 방식으로 웹을 만듭니다.
03
기획 → 설계 → 구현까지 한 번에 경험
PRD 작성 → 화면 구조 설계 → 실제 웹 구현 → 테스트 → 배포까지 하나의 서비스를 만들어보는 경험을 제공합니다.

핵심 스킬 3가지

AI로 웹 화면
직접 만들기
ChatGPT와 Lovable을 활용해 기획한 화면을 실제 동작하는 웹 페이지로 구현합니다.
프롬프트 기반
웹 기획 역량
AI에게 일을 잘 시키는 프롬프트를 설계해 화면 구조와 서비스 기획을 정리하는 능력을 기릅니다.
AI 웹 서비스
완성 및 배포
계산기·챗봇 등 AI 기능이 결합된 웹 서비스를 테스트하고 배포까지 완료하는 경험을 합니다.
커리큘럼
5주 과정
사용 기술
ChatGPT, Lovable, OpenAI API
구현 기능
ChatGPT 를 활용한 웹 화면 기획안(PRD) 도출 Lovable을 활용해 설계한 화면을 실제 동작하는 웹 페이지로 제작 AI 기능이 결합된 인터랙티브 웹 서비스 구현
7강
총 45분
1-1
강의 소개 — 무엇을 배우고, 어떻게 따라오나
1-2
AI‧LLM‧에이전트란?
1-3
Claude Code 설치하고 첫 실행하기
1-4
설치하자마자 바로 써보기
1-5
기본 명령어 익히기
1-6
AI와 대화하는 법
1-7
챕터1 숙제
8강
총 49분
2-1
프롬프트 하나로 업무가 달라진다
2-2
좋은 프롬프트 작성하는 방법
2-3
자주 쓰는 명령어 익히기
2-4
문서 자동 정리하기
2-5
파일 읽고 분석 결과 녹여내기
2-6
CLAUDE.md로 나만의 규칙 설정하기
2-7
ChatGPT vs Claude Code
2-8
챕터2 숙제
6강
총 1시간 9분
3-1
웹개발과 바이브코딩 — 무엇을 어떻게 만드나
3-2
AI가 딴소리하기 전에 — 요구사항 정의서 한 장
3-3
리서치 시키기 — AI가 지어내지 않게
3-4
같이 보는 페이지 만들기 — 셋의 취향이 다르면
3-5
재료 하나로 결과물 두 개 — 블로그 글까지
3-6
챕터3 숙제
6강
총 1시간 11분
4-1
검색이 닿지 않는 곳 — AI에 도구를 붙인다
4-2
이제 클로드가 직접 가져옵니다 — MCP 첫 연결
4-3
최신 축제 정보를 가져오자 — MCP 하나 더
4-4
한 걸음 더 — 목소리를 받는다 — 데이터베이스 붙이기
4-5
폰으로 열면 다르다 — 반응형과 최종 점검
4-6
챕터4 숙제
5강
총 1시간 3분
5-1
공개하고 팔기까지 — 그리고 GitHub에 올리기
5-2
내 컴퓨터 밖으로 — 링크로 보낼 수 있는 주소
5-3
검색에 뜨고, 카톡에 예쁘게 — SEO 기초
5-4
만든 것으로 돈 벌기 — 수익화
5-5
챕터5 숙제

실습 결과물 4개

인스타그램 웹페이지 만들기
서비스 구조 분석
화면 분해 설계
AI 프롬프트 기반 UI 생성
인스타그램 화면을 바탕으로 프로필·피드·스토리 구조를 분석하고, ChatGPT와 Lovable로 화면 요소를 설계해 웹 화면을 완성하며, 웹개발 전체 흐름을 익힙니다.
휴대폰 요금제 추천 웹페이지 만들기
데이터 조건 설계
사용자 흐름 기획
AI 기반 화면 구현
사용자의 선택에 따라 결과가 달라지는 웹 페이지를 제작합니다. 서비스 기획부터 화면 구현까지 AI와 함께 진행하며 데이터 기반 웹서비스 제작 방식을 익힙니다.
연금 계산기 웹서비스 만들기
계산 로직 설계
인터랙션 구현
테스트 및 배포
입력값에 따라 결과가 계산되는 웹 서비스를 구현합니다. AI 를 활용하여 구현 부터 배포까지 순차적으로 진행하며, 배포 전에 실제 QA 과정을 경험하여 완성도를 높입니다.
AI 운세봇 만들기
OpenAI API 연동
챗봇 시나리오 설계
AI 응답 제어
OpenAI API를 활용해 사용자 입력에 따라 운세를 생성하는 나만의 AI 챗봇 서비스를 제작합니다.
튜터 소개
구민정
현) 항공사 IT 프론트엔드 개발자
전) 웹/이벤트 페이지 제작 1인 기업 대표
전) 여행 스타트업 풀스택 개발자
전) SK 주식회사 선임 개발자
캐슬
현) 구독자 1만 캐슬 AI 유튜브 채널 운영
전) 라포랩스(퀸잇) 서버 엔지니어
전) 인터로이드 모바일 앱 엔지니어
전) 엘리스 플러터 엔지니어
완강까지 책임지는 학습 관리 시스템
결국 끝까지 듣고 내 것으로 만드는 게 가장 중요해요. 나에게 필요한 학습 관리 서비스를 선택해 보세요.*수강 신청 단계에서 선택할 수 있는 부가 서비스
학습 관리 - 학습 알림
문자, 알림톡으로 학습 공지 및 독려 메시지를 보내드려요.
학습 질문 - 일반문답
공부하다가 궁금한 점이 생기면 언제든 학습 질문 게시판에 질문을 남겨요. 튜터에게 24시간 이내 답변을 받을 수 있어요.
AI 요약 노트
AI가 정리해준 학습 내용 요약 기능으로 배울 내용을 한 눈에 파악해요.
AI 챗봇
AI에게 채팅으로 언제든 학습과 관련된 궁금한 점을 질문할 수 있어요. 복습 퀴즈 기능으로 배운 내용을 언제든 점검할 수 있어요.
FAQ