평생직업교육

AI 바이브 코딩 실무(5주)

코딩 몰라도 OK! AI와 대화하며 완성하는 나만의 웹앱

VIBE CODING

클래스 소개

AI 바이브 코딩 실무
생성형 AI로 만드는
나만의 웹앱

코딩을 몰라도 아이디어가 있다면 웹앱을 만들 수 있습니다. 생성형 AI에게 원하는 기능과 화면을 자연어로 설명하며 웹앱을 제작하는 ‘바이브 코딩(Vibe Coding)’ 실무 과정입니다.
완성된 프로젝트는 GitHub를 통해 관리하고 Vercel을 이용해 실제 웹서비스로 배포하여 PC와 스마트폰에서 직접 실행해 봅니다.

HANYANG UNIVERSITY ERICA

강의소개

  • 과목명

    AI 바이브 코딩 실무 – 생성형 AI로 만드는 나만의 웹앱

  • 강의기간

    2026년 12월 21일(월) ~ 2027년 1월 29일(금)

  • 강의요일

    화요일, 목요일 (개인 노트북 지참)

  • 강의시간

    18:30 ~ 21:30

  • 정원

    15명

  • 수강료

    240,000원

강의교재 정보

강의교재정보표
교재 교재명 출판연도 저자 출판사
주교재 자체 제작 PDF

수업대상

코딩 경험은 없지만 AI를 활용해 직접 웹앱을 만들어 보고 싶은 성인학습자

ChatGPT, Gemini 등 생성형 AI를 실무에 활용하고 싶은 직장인

자신의 아이디어를 빠르게 웹서비스로 구현해 보고 싶은 예비창업자 및 소상공인

교육·행정·마케팅·콘텐츠 분야에서 AI 기반 업무도구를 직접 만들고 싶은 실무자

기존 생성형 AI 활용에서 한 단계 더 나아가 바이브 코딩을 경험하고 싶은 학습자

GitHub·웹 배포까지 경험하여 개인 AI 웹앱 포트폴리오를 만들고 싶은 분

수업목표 및 개요

생성형 AI에게 자연어로 원하는 기능과 화면을 설명하면서 실제 웹 애플리케이션을 제작하는 바이브 코딩 실무 과정입니다. “무엇을 만들 것인가 → AI에게 어떻게 요구할 것인가 → 결과를 어떻게 검증하고 개선할 것인가”에 초점을 맞추어, 생활형 웹앱에서 업무용 앱, AI 기능을 포함한 앱으로 단계적으로 발전시키고 GitHub 관리와 Vercel 배포, 스마트폰 실행까지 가능한 개인 프로젝트를 완성합니다.

특이사항

12월 24일, 31일은 휴강이며 1월 28일(목)에 종강합니다.

강의내용

강의내용
회차 세부내용 비고
1 바이브 코딩 개념, AI Studio 사용법
자연어 요구사항 작성, 앱 생성·미리보기·수정
2 기능 추가, UI 수정, 조건 처리, 추천 로직
모바일 화면 확인, 수정 프롬프트 작성
3 입력폼, 계산 로직, 결과 출력
데이터 구조 이해, 유효성 검사
4 등록·조회·수정·삭제 개념, 검색·필터
목록·카드·표 UI
5 요약·분류·추천·문장 생성 등 생성형 AI 기능 설계
프롬프트와 앱 기능 연결
6 Google Sheets 등 외부 데이터 활용 개념
입력→처리→결과 구조, 업무 프로세스 앱 설계
7 Repository, Commit, Push의 쉬운 이해
AI Studio-GitHub 연동, 버전 관리
8 Vercel 연결, Build·Deploy 이해
빌드 오류를 AI와 해결, 재배포, 공개 URL 확인
9 문제 정의, 사용자 설정, 요구사항·화면·기능 설계
AI와 반복 개발·테스트
10 최종 오류 점검, GitHub Push, Vercel 배포
스마트폰 테스트, QR 공유, 프로젝트 발표

수료 후 비전

수료생은 생성형 AI를 활용하여 업무 아이디어를 빠르게 프로토타입으로 구현하고, 교육·업무·창업·개인 프로젝트 등에 활용할 수 있습니다. 또한 이후 AI 자동화, 웹서비스 개발, AI 에이전트 등 심화 과정으로 확장할 수 있습니다.

교수진소개