Design·Video·3D Printer
K-디지털트레이닝

LLM 기반 반응형 웹&인터랙티브 UI/UX 퍼블리싱 과정

K-디지털 트레이닝은 디지털 신기술 분야 인재 양성을 위해 정부가 지원하는 실무 중심 교육훈련 사업입니다. 산업 수요 기반의 맞춤형 커리큘럼으로 취업 연계형 교육을 제공합니다.

  • 교육기간6개월(960시간)
  • 1차 개강11월 03일(화)2차 개강12월 01일(화)
  • 수업구성주 5회(월~금)
  • 모집정원20명

Class Information LLM 기반 반응형 웹&인터랙티브 UI/UX 퍼블리싱 과정

LLM API 활용과 최신 프론트엔드 기술을 융합하여 기업 실무에서 바로 투입 가능한
웹 퍼블리셔와 프론트엔드 개발자를 양성하는 전문 과정

반응형 웹 + 인터랙티브 UI + AI API 자동화

웹디자인, 퍼블리싱, 프론트엔드 개발까지 Generative AI 기술과 최신 트렌드로 무장한 실무 과정
AI+웹퍼블리싱 융합 교육과정으로실무에 바로 투입 가능한 인재가 되어보세요!

  • 취업분야

    웹퍼블리셔, 웹디자이너, 웹기획자, 디지털미디어컨텐츠 디자이너, UX/UI디자이너, 쇼핑몰 디자이너, 웹 에이전시,IT기업 등

  • 관련 자격증

    웹디자인기능사, 컴퓨터그래픽스기능사, 멀티미디어컨텐츠제작전문가, GTQ, GTQ

LLM 기반 반응형 웹 퍼블리싱 과정

AI 시대, 웹 퍼블리싱을 새롭게!


Generative AI와 LLM API 활용으로 웹 디자인과 퍼블리싱의 한계를 넘어섭니다.
반응형 웹 + 인터랙티브 UI/UX + AI 자동화 콘텐츠까지 실무로 완성하는 과정!

  • CLASS POINT!

    포트폴리오 완성과 취업까지! LLM 기반 반응형 웹&퍼블리싱 과정

    웹디자인에 필요한 포토샵, 일러스트 기초부터
    웹 제작에 필요한 모든 프로세스를 교육하는 과정!

    이론과 실기를 바탕으로 실기에서 완벽 적응할 수 있는 웹퍼블리셔를 양성하기 위해 만들어진 과정으로 최근 빠르게 변화하는 AI와 디지털 신기술 중심의 산업동향 분석을 반영해 실제 기업이 필요로 하는 기술과 프로젝트 중심 커리큘럼으로 설계했으며, 최신 웹 퍼블리싱, 반응형 웹 디자인, 인터랙티브 UI/UX 개발 기술을 집중 교육합니다.

  • DESIGN·VIDEO·3D

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

    • 최신 웹 디자인 & 인터랙티브 UI를 배우고 싶은 분
    • AI 기반 웹 자동화 기술을 익히고 싶은 예비 개발자
    • 프론트엔드+AI 융합 직무로 커리어 전환을 준비하는 분
    • AI 활용 포트폴리오로 차별화된 취업 경쟁력을 갖추고 싶은 분

웹퍼블리싱 왜
주목해야하나
3가지 VISION

웹퍼블리셔가 지속적으로 인기를 끄는 이유를 알려드립니다!

  • 01

    한가지 기술로는
    부족한 웹 분야     디자인만 하는 웹디자이너는
    경쟁력이 부족하다!

  • 02

    UX와 UI 구현을
    동적으로     웹퍼블리싱을 배우면
    동적인 UI구현이 가능!

  • 03

    퍼블리싱 지식으로
    커뮤니케이션     기획자, 개발자와
    원활한 소통 가능!

  • 디자인 업계 중
    비전공자도 우대받는
    웹퍼블리셔!

    비전공자라 디자인 실력이 전공자들에
    비해 조금 떨어져서 그런지 취업이
    어려워서 경쟁력을 기르기 위해 코딩쪽을
    강화해보자 해서 시작하게 되었는데
    이제는 웹퍼블리싱 전문가가 된것같아요! 24세 오O희님

  • 내가 생각한 그대로
    웹디자인을 구현할 수
    있어서 좋습니다

    아무래도 요즘 웹사이트는 부드럽고
    재미있는 애니메이션이 많은데, 아무리
    설명을 해도 제가 생각한 그 동작이
    안나와서 늘 답답했었는데, 웹퍼블리싱을
    배우고나니 생각한 그대로 구현이 되네요! 32세 최O호님

  • 웹 기술직으로 가는
    첫 단계가 웹퍼블리셔
    라고 생각합니다!

    저는 웹디자이너로 3년 경력이 있는
    사람이지만, DB나 웹개발쪽 지식이 부족한게
    늘 흠이라고 생각했습니다. 개발쪽은 배우기에
    어려움이 있어 퍼블리셔부터 시작했는데,
    기초부터 탄탄히 배우니 이제 이해가 갑니다. 31세 박O현님

교육과정 CURRICULUM

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

  • 이론교육

    웹사이트 제작에
    필요한 기초지식 강의

  • 자료 조사

    다양한 웹디자인
    트랜드를 조사 및 수집

  • 예제 실습

    다양한 예제를 통한
    실습으로 응용력 향상

  • 프로젝트

    프로젝트 수업으로
    실무까지

커리큘럼
프롬프트 엔지니어링 기초 & AI 활용 개론
  • - AI 프롬프트 기본 개념과 작성법을 익히고 ChatGPT 활용법을 실습.
    - Figma AI를 활용해 UI 디자인을 자동화하고 코드 생성 효율성을 높임.
    - GitHub Copilot으로 코드 자동 완성 및 오류 수정 방법을 학습.
    - AI 기반 개발 환경을 설정하고 자동화된 코드 최적화 실습
웹 퍼블리싱 & 반응형 디자인 개발
  • - HTML5, CSS3의 기본 문법과 반응형 웹 디자인 개념을 학습.
    - 웹 표준과 접근성을 고려한 레이아웃 설계 및 크로스 브라우징 테스트 실습.
    - Figma AI로 UI 요소를 빠르게 제작하고, 반응형 웹 스타일 자동 생성.
    - ChatGPT를 활용해 웹 접근성 개선 방법 및 디자인 최적화 적용
UI/UX 디자인 시스템 구축 & 자동화
  • - Figma를 활용한 디자인 시스템 구성 및 실무형 UI 설계 익히기.
    - 사용자 경험 최적화를 위한 프로토타이핑과 A/B 테스트 실습.
    - Figma AI를 활용한 디자인 자동 생성 및 UX 개선 기능 적용.
    - ChatGPT로 디자인 피드백을 분석하고 UI 개선 전략을 실습
프론트엔드 프로그래밍 기초 & 코드 자동화
  • - JavaScript 기본 문법과 DOM 조작을 이해하고 이벤트 핸들링 실습.
    - 비동기 프로그래밍(Promise, Async/Await) 및 API 연동 기초 익히기.
    - GitHub Copilot을 활용한 코드 자동 완성 및 디버깅 실습.
    - 실무에서 활용하는 JavaScript 패턴과 성능 최적화 기법 적용.
데이터베이스 기초 & 백엔드 연동
  • - MySQL 및 NoSQL 개념과 기본적인 데이터베이스 설계 학습.
    - SQL 기본 쿼리(SELECT, INSERT, UPDATE, DELETE) 실습.
    - Node.js 또는 Python을 활용한 데이터베이스 연동 방법 익히기.
    - 프론트엔드에서 REST API를 통해 데이터 저장/조회 구현 실습.
프롬프트 엔지니어링 심화 & AI 기반 코드 최적화
  • - ChatGPT를 활용해 코드 리팩토링 및 성능 개선 방법 학습.
    - OpenAI API를 활용해 데이터 처리 및 자동화 기능 적용.
    - GitHub Copilot으로 코드 작성 속도를 높이고 협업 효율성을 강화.
    - AI를 활용한 코드 최적화 및 오류 수정 자동화 실습.
API 연동 및 데이터 처리 자동화
  • - REST API 개념을 익히고, Fetch API 및 Axios를 활용한 데이터 요청 실습.
    - JSON 데이터 처리 및 서버와의 비동기 통신 구현 연습.
    - ChatGPT를 활용해 API 문서 자동 생성 및 데이터 분석 실습.
    - OpenAI API를 이용해 실시간 데이터 가공 및 검색 기능 추가.
React.js 프레임워크 활용 및 AI 연동
  • - React 기본 문법과 컴포넌트 구조 이해, 상태 관리 기초 학습.
    - React Hooks (useState, useEffect) 및 비동기 데이터 처리 실습.
    - GitHub Copilot 기반 React 컴포넌트 자동 생성 및 최적화.
    - ChatGPT로 코드 오류 수정 및 최적화 가이드를 실습.
프론트엔드 협업 및 배포 자동화
  • - Git과 GitHub를 활용한 코드 협업 및 버전 관리 학습.
    - CI/CD 개념을 익히고 Netlify/Vercel을 활용한 자동 배포 실습.
    - GitHub Copilot으로 배포 설정 및 코드 문서화 자동화 실습.
    - 실무에서 활용되는 협업 도구와 배포 전략 적용
웹 성능 최적화 기술
  • - 웹 성능 최적화 기법 이해 ( 이미지 최적화)
    - SEO(검색 엔진 최적화) 및 메타 태그 활용
    - Lighthouse를 활용한 성능 분석 및 개선 사례
참여기업 중심의 AI 응용 사례 분석
  • - 웹 퍼블리싱 & 프론트엔드 개발에서 AI가 활용되는 최신 사례 학습.
    - 참여 기업들의 AI 기술 적용 사례 및 개발 프로젝트 분석.
    - Figma AI, ChatGPT, OpenAI API가 실무에서 적용되는 방식 연구.
    - 기업별 요구하는 AI 기술 역량을 바탕으로 실무 연계 방안 도출.
종합 프로젝트
  • 분야별 프로젝트
커리큘럼 더보기 +
K-디지털 트레이닝

K-디지털 트레이닝 (디지털 신기술 핵심 실무인재 양성훈련)

  • 교육훈련비
    훈련비 90~100% 지원
  • 훈련수당
    월 최대 70만원
    훈련장려금 20만원,
    국민취업제도 유형에 따라 추가지원
  • 취업성공수당
    최대 150만원

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

K-디지털 트레이닝 (디지털 신기술 핵심 실무인재 양성훈련)이란? 4차 산업혁명 및 코로나19로 인해 사회, 경제 전 분야의 디지털화가 가속화되며 첨단산업 디지털 분야 실무역량을 갖춘 인력의 수요가 증대되었고, 인공지능, 빅데이터 등 첨단산업 디지털 분야의 핵심 실무인재를 양성하기 위한 직업 훈련의 필요성 대두됨. 특히, 구직 청년과 실적, 경력단절 등 일자리 어려움에 처한 국민에게 기업현장 맞춤형 직업훈련을 제공하여 노동시장 진입을 촉진하기 위해 K-디지털 트레이닝 사업 시행하게 되었으며, 문제해결능력 향상을 위한 새롭고 다양한 훈련방식을 활용한 훈련과정 및 운영역량이 있는 공급자(우수대학, 민간혁신 교육기관, 기업 등)를 선정하여 첨단산업 디지털 핵심 실무인재 양성을 지원하는 제도

  • 교육원으로 과정상담

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

  • 국민내일배움카드발급

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

  • 구직훈련 및 상담

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

  • 훈련과정등록

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

  • 훈련과정수강

    강의 수료 및
    자격증 취득

  • 취업성공

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

수강생후기

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

  • 박OO수강생
    유튜브&영상편집크리에이터(프리미어,에프터이펙트)

    다른 곳에서 배웠던 거긴 하지만 복기 목적으로 수강을 하였는데 강사님도 친절하게 설명해주시고 몰랐던 부분도 잘 가르쳐주셔서 실력 향상에 큰 도움이 되었습니다 짧은 기간이었지만 알차게 배우고 가는 것 같아 만족스럽습니다

  • 유OO수강생
    [주간반] 영상편집디자인&유튜브동영상(프리미어,에펙)

    영상의 기초적인 부분은 다진 것 같네요 그동안 고생하셨습니다

  • 김OO수강생
    GTQ(국가공인)자격증(포토샵,일러스트)

    아예 포토샵의 ㅍ자도 모르던 학생이었는데, 강사님을 잘 만난덕분에 잘 배우고 갑니다! 정말 세세하게 반복적으로 알려주셔서 너무 좋았어요!!

  • 손OO수강생
    [주간반] 영상편집디자인&유튜브동영상(프리미어,에펙)

    백신패스로 온라인 수업을 받게 되었는데 선생님의 적절한 강의 완급 조절과 학원의 배려로 불편함 없이 마지막까지 수업을 잘 마칠 수 있었습니다. 다른 후기에서 보니 선생님 말이 빨라서 힘들었다는 글을 보고 걱정을 했는데 수업을 하루하루 진행하다보니 빠르다고 말하면 완급조절을 해주셨고 빨라서 한번더 반복할 수 있어서 좋았습니다.

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

에듀윌 취업 연계 PROCESS

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

실시간 온라인 문의

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

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

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

부평 전화문의 032-262-0600
원서접수하러가기
문의전화 032-262-0600
  • 평일09:00~19:00
  • 주말09:00~18:00
실시간 1:1 카톡상담
  • 평일개강일 10월 19일
  • 주말개강일 10월 24일
나의강의실
퀵메뉴보기