IT·PROGRAMMING
실업자국비지원

바이브 코딩과 AI 어시스턴트로 완성하는 웹 페이지 제작

웹 개발을 처음 배우는 사람도 AI의 도움으로 실무형 웹 서비스를 직접 기획하고 개발할 수 있도록 설계된 입문 교육 과정

  • 교육기간2개월(80시간)
  • 1차 개강03월 23일(월)2차 개강04월 20일(월)
  • 수업구성평일 or 주말
  • 모집정원20명

Class Information 바이브 코딩과 AI 어시스턴트로 완성하는 웹 페이지 제작

HTML, CSS, JavaScript 등 웹 개발의 기초는 물론,
최신 개발 트렌드인 AI 코딩 어시스턴트를 활용한 프로젝트 중심 수업을 통해
실무에 가까운 개발 역량을 키우는 과정

AI 어시스턴트를 활용한 UI/UX 설계

AI 도구를 활용해 개발 생산성과 정확도를 동시에 높이는
최신 방식의 코딩 방법론을 익힐 수 있도록 구성

  • 취업분야

    웹 에이전시, 프론트엔드 개발자, UI/UX 디자이너, 웹 퍼블리셔 등

  • 관련 자격증

    웹디자인기능사

바이브 코딩과 AI 어시스턴트로 완성하는 웹 페이지 제작

실무에 바로 적용 가능한 실전 역량 강화

실무 중심의 AI 기반 웹 개발 입문 과정!

Figma로 UI 설계하고, HTML/CSS로 화면을 구성하고,
API 연동까지 실습하며 1인 프로젝트를 완성합니다.
기획부터 배포까지 실전처럼 해보는 AI 기반 코딩 경험!

  • CLASS POINT!

    누구나 쉽게 따라올 수 있는 웹 개발 입문과정

    단순히 코드를 암기하는 것이 아니라, AI를 통해 문제를 해결하는 방식으로 학습하고,
    최신 스타트업과 개발 현장에서 확산 중인 생성형 AI 기반 코딩 흐름을 직접 체험하며,
    실무형 개발자로의 성장 기반을 마련합니다.

    특히 코딩을 처음 접하는 중장년층도 AI의 도움을 받아
    빠르게 실습에 적응할 수 있도록 설계된 과정입니다.

  • DESIGN·VIDEO·3D

    이런분들께 추천드립니다! 교육과정 훈련대상

    • 웹 개발을 처음 시작하는 비전공자
    • 중장년층이나 경력 전환을 희망하는 구직자
    • 취업을 위해 포트폴리오가 필요한 신입
    • 빠르게 개발 생산성을 높이고 싶은 초급 개발자
    • AI 기술과 함께 성장하고 싶은 웹디자인/기획자

웹디자인 왜
주목해야하나
3가지 VISION

웹디자인이 지속적인 인기를 끄는 이유를 알려드립니다!

  • 01

    다양한 브랜드의
    온라인 서비스 진출
    온라인 시장이 크게 성장하여
    웹사이트 제작 수요 증가

  • 02

    다양한 분야의
    취업처
    웹 에이전시, 마케팅회사,
    인하우스 디자이너까지

  • 03

    웹 콘텐츠의
    중요성 증가
    온라인으로 마케팅 흐름이
    변화하여 웹콘텐츠 수요 증가

  • 반응형 디자인부터
    쇼핑몰까지
    내 손으로 만들어요!

    쇼핑몰을 운영해 보겠다는 목표가 있어
    늘 웹디자인이나 쇼핑몰 제작에 관심이
    있었는데, 에듀윌 국비교육원에선 웹디자인은
    물론이고 상품 상세페이지 제작이나 등록
    방법까지 알게 되어 큰 도움이 되었어요! 33세 박O주님

  • 웹디자인부터
    퍼블리싱까지
    나도 이제 전문가!

    편집디자인 전공인데 요즘엔 웹디자인
    비전이 있다하여 배우고 있는 학생인데,
    웹디자인부터 퍼블리싱까지 모두 배우고
    포트폴리오까지 준비할 수 있어서
    취업 시 자신감이 생겼습니다! 27세 지O정님

  • 쇼핑몰 디자인부터
    운영까지 배우고
    창업까지!

    요즘 쇼핑몰하면 빠질 수 없는
    네이버스토어나 오픈마켓 등록방법부터
    상세페이지 디자인, 상품 등록과
    관리, 운영방법까지 모두 배워서
    이제 혼자 쇼핑몰 운영이 가능해요! 26세 이O정님

교육과정 CURRICULUM

현장에서 인정받는 에듀윌의 실무 중심 커리큘럼!

커리큘럼
AI 코딩 어시스턴트와 바이브 코딩 기반 웹 개발 입문
  • 프로그래밍
    기초 및 AI활용
    - 바이브 코딩(Vibe Coding) 개념과 빠른 프로토타이핑 기법 이해
    - AI 코딩 어시스턴트를 활용한 개발 트렌드 분석
    - AI 코딩 어시스턴트 도구 설치 및 개발환경 연동
    - 기본 기능(코드 추천, 수정, 최적화) 이해
    - 프론트엔드-백엔드-데이터베이스 기본 구조 이해
    - 요구사항 분석부터 배포까지 개발전 과정 학습
    - VSCode 환경 설정
    - Git/GitHub 기반 버전 관리 및 협업 실습
    - 간단한 웹앱 아이디어 기획
    - AI 코딩 어시스턴트를 통한 빠른 프로토타입 작성 실습
HTML/CSS/JavaScript 기초 및 웹 개발 실습
  • 프론트앤드
    기초 및 활용
    - 시맨틱 태그 구조 이해
    - AI 코딩 어시스턴트 활용 HTML 작성 지원 실습
    - Flexbox, Grid를 활용한 레이아웃 구성
    - 미디어쿼리를 활용한 반응형 웹 디자인 적용
    - 변수, 조건문, 반복문, 함수 기초문법 학습
    - 간단한 동적 웹페이지 구현 실습
    - DOM 요소 선택 및 변경
    - 사용자 인터랙션 이벤트 핸들링
    - 프롬프트를 통한 코드 자동 작성/수정/리팩토링 실습
Figma AI를 활용한
웹 UI/UX 설계 및 적용
  • Figma를 활용한
    UI/UX 설계 및 적용
    - Figma 기본 사용법과 화면 설계흐름 이해
    - UX 설계 기본 원칙 이해
    - User Flow Chart 작성
    - 기능별 화면 구조 설계
    - Figma를 통한 와이어프레임 제작
    - 페이지 간 링크 연결
    - 인터랙티브 프로토타입 제작 및 피드백 반영
    - Figma 설계를 AI 코딩 어시스턴트기반 HTML/CSS 코드로 전환
AI 어시스턴트를 활용한
API 연동 및 데이터베이스 연동 실습
  • AI 어시스턴트
    데이터베이스 활용
    - REST API 개념 및 구조 이해
    - JSON 데이터 포맷 학습
    - API 요청 코드를 작성하는 프롬프트 작성법 실습
    - AI 어시스턴트를 활용하여 fetch(), axios 기반 API 호출 코드 자동 작성
    - API 응답 데이터 매핑 처리 실습
    - 오류처리(try-catch) 코드를 AI 추천으로 완성
    - 공공 데이터(OpenWeather, 영화정보API 등) 활용
    - 실시간 외부 데이터 연동 기능 구현
    - AI 어시스턴트를 통한 최적화 및 코드 리팩토링 실습
AI 코딩 어시스턴트로 완성하는
실전 웹 프로젝트 및 클라우드 배포
  • 실무 프로젝트 - 프로젝트 아이디어 구체화 및 기능 목록 작성
    - 디렉토리 구조 설계
    - 주요 페이지 및 기능 구현
    - AI 코딩 어시스턴트를 활용한 코드 완성 및 최적화
커리큘럼 더보기 +
구직자를 위한 국비지원 사업

국민내일배움카드

  • 교육훈련비
    300~500만원

    직종 취업률별 자부담 발생

  • 훈련수당
    월 최대 61만 6천원

    훈련장려금 11만 6천원,
    국민취업제도 유형에 따라 추가 수당지원

  • 취업성공수당
    최대 150만원

    국민취업제도 참여 후 취업성공 시

국민내일배움카드란? 실업, 재직, 자영업 여부에 관계없이 국민내일배움카드를 발급하고 일정 금액의 훈련비를 지원함으로써
직업능력개발 훈련에 참여할 수 있도록 하며, 직업능력개발 훈련이력을 종합적으로 관리하는 제도

  • 교육원으로 과정상담

    전화 또는 온라인
    문의를 통해 상담

  • 국민내일배움카드발급

    교육동영상 시청,
    훈련과정 탐색 후
    계좌발급신청

  • 구직훈련 및 상담

    140시간 이상인
    훈련과정은
    고용센터 방문

  • 훈련과정등록

    HRD-Net을 통해
    원하는 과정 신청

  • 훈련과정수강

    강의 수료 및
    자격증 취득

  • 취업성공

    맞춤 컨설팅으로
    취업 성공!

수강생후기

에듀윌 국비교육원의 실제 수강생둘의 생생한 후기를 만나보세요

  • 최OO수강생
    파이썬(Python)기반 웹프로그래밍 개발자

    강사님 덕분에 많이 알아갔습니다. 고생하셨습니다. 에듀윌 부평 직원 여러분들도 새해복 많이 받으시고 건강하시길 바라겠습니다.

  • OOO수강생
    파이썬(Python)기반 웹프로그래밍 개발자

    에듀윌 부평센터에서 2021년 5월말에 처음으로 개설한 파이썬웹개발자 과정을 수강하였다. 2개월 남짓 과정이라서 상당히 타이트하게 진행됨은 불가피하다. 강사 선생님께서 이런 과정을 고려하여 최대한 학습 복습을 할 수 있도록 지원해 주셨다. 예상치 못한 웹디자인(html, css, 자바스크립트) 기초 과정도 꼼꼼하게 다루었다. 또한 학원 홍보에는 빠졌는데 웹프로그래밍에는 db처리가 필수이므로 이 과정도 당연히 학습하였다. 사람마다 이해도 편차가 있으므로 실제 수업을 못따라 가는 경우엔 복습할 수 있도록 수업예제를 리뷰할 수 있다. 파이썬웹프로그래밍에 관심 있는 분에게 수강을 권유한다. 강사 선생님과 학원 스태프 여러분께 감사 말씀을 전합니다.

  • OOO수강생
    파이썬(Python)기반 웹프로그래밍 개발자

    래 하던 일을 그만두고 코딩이라는 낯선 분야에서 무얼 먼저 해야하는지도 막막했었던 순간에 이 강의를 찾았었고, 비전공자였기에 과연 내가 잘 할 수 있을까 라는생각을 가지며 수강을 신청했었습니다. 두려와는 달리 친절하게 초보자의 눈높이에 맞춰 차근차근 알려주시고 잦은 실수에도 웃으시면서 가르쳐주시기에 강의가 무척 재미있었습니다.

  • 공OO수강생
    파이썬(Python)기반 웹프로그래밍 개발자

    공대생이지만 코딩을 배우지 않은 공대여서 비전공자와 다름없는 상태로 수강하였습니다. 비전공자가 수강하여도 충분히 수업을 따라 갈 수 있을 정도로 상세하고 기본부터 배워 좋았습니다. 수강하기 전에는 코드를 읽을 줄 몰랐는데 최근에는 학교에서 코딩을 배우고 있는 동생의 파이선 공부를 도와줄 수 있을 정도로 향상되어 뿌듯함과 보람을 느꼈습니다. 200시간이라는 시간이 길기도 하지만 짧아 많은 것을 배우지는 못하였지만 코딩에 대한 기본적인 이해와 관심을 올리기엔 충분하였고 추후에 200시간보다 더 장기간의 프로그램이 있다면 수강하여 더욱 정진할 예정입니다

실무에서 인정한 에듀윌 국비교육원만의 취업 컨설팅

에듀윌 취업 연계 PROCESS

  • 취업지원 컨설팅 프로그램 소개
    01 취업지원 컨설팅
    프로그램 소개
  • 이력서·자소서 작성법 교육
    02 이력서·자소서
    작성법 교육
  • 모의면접 및 취업 컨설팅
    03 모의면접 및
    취업 컨설팅
  • 연계기업 취업매칭
    04 연계기업
    취업매칭
  • 성공적인 취업 또는 이직
    05 성공적인
    취업 또는 이직
  • 에듀윌 국비교육원 부평 시설사진
  • 에듀윌 국비교육원 부평 시설사진
  • 에듀윌 국비교육원 부평 시설사진

실시간 온라인 문의

실시간 온라인 문의를 해주시면 빠르게 답변드리겠습니다.

닫기 개인정보 수집 및 이용 동의 (필수)
국비교육원 실시간온라인문의 신청을 위해 다음과 같이 개인정보를 수집 및 이용합니다.
개인정보취급방침 필수항목에 대한 안내
수집 및 이용목적 수집항목 보유 및 이용기간
실시간온라인문의 센터, 과정분류, 과목, 이름, 연락처 실시간온라인문의 신청 후 60일 까지

귀하는 개인정보 수집 및 이용에 대한 동의를 거부하실 수 있으나, 동의를 거부하실 경우 실시간온라인문의 신청이 불가합니다.

문의전화 032-262-0600
  • 평일09:00~19:00
  • 주말09:00~18:00
  • 평일개강일 10월 19일
  • 주말개강일 10월 24일
나의강의실