LLM 기반 반응형 웹&인터랙티브 UI/UX 퍼블리싱 과정
에듀윌 국비교육원 부평센터 · 2회차 · 인천 부평구
프로그램 요약
LLM API 활용과 최신 프론트엔드 기술을 융합해 반응형 웹·인터랙티브 UI/UX·AI 자동화를 실무로 완성하는 웹퍼블리셔 양성 과정
- 수업일정
- 2026.08.05 ~ 2027.01.26약 6개월
- 요일시간
- 월~금기관
- 수업안내
- 6개월(960시간), 주 5회(월~금), 모집정원 20명. 1차 개강 11월02일(월), 2차 개강 12월01일(화) 기관
- 모집정원
- 20명
- 총 시간
- 960시간
- 학습장소
- 인천인천광역시 부평구 경원대로 1366 (부평동 스테이션 타워)오프라인
- 강의장
- 504호(부평동, 스테이션타워)
- 가까운역
- 부평역 기관
- 수강료
- 미공개 상담 시 확인
- 훈련장려금
- 월 최대 70만원
출처 · 고용24 등록값 · 기관 표기분은 별도 표시
어떤 분이 수강하면 좋을지
- ✓전공·학력 무관 — K-디지털 트레이닝은 제도상 전공을 보지 않습니다
- ✓1. 학력 : 고졸이상(전문학사 이상 전공자 우대) 2. 전공 : 전공 상관없음(전문학사 이상 전공자 우대) 3. 선수학습 : 해당직종KDT 및 국기훈련참여자 4. 자격사항 : 웹디자인기능사, 정보처리 기능사 우대 5. 직무경험 : 해당없음 6. 기타 : 취업의지가 강한자
출처 · 기관 랜딩페이지 · 제도 요건
커리큘럼
- 1프롬프트 엔지니어링 기초 & AI 활용 개론
ChatGPT 활용 · Figma AI · GitHub Copilot
- 2웹 퍼블리싱 & 반응형 디자인 개발
HTML5, CSS3 · 반응형 웹
- 3UI/UX 디자인 시스템 구축 & 자동화
Figma 디자인시스템 · 프로토타이핑 · A/B테스트
- 4프론트엔드 프로그래밍 기초 & 코드 자동화
JavaScript · DOM조작 · 비동기(Promise/Async) · GitHub Copilot
- 5데이터베이스 기초 & 백엔드 연동
MySQL/NoSQL · SQL쿼리 · Node.js/Python 연동 · REST API
- 6프롬프트 엔지니어링 심화 & AI 기반 코드 최적화
ChatGPT 리팩토링 · OpenAI API · GitHub Copilot
- 7API 연동 및 데이터 처리 자동화
REST API · Fetch/Axios · JSON
- 8React.js 프레임워크 활용 및 AI 연동
React Hooks · Copilot 컴포넌트 생성
- 9프론트엔드 협업 및 배포 자동화
Git/GitHub · CI/CD · Netlify/Vercel
- 10웹 성능 최적화 기술
이미지 최적화 · SEO · Lighthouse
- 11참여기업 중심의 AI 응용 사례 분석
Figma AI, ChatGPT, OpenAI API 실무사례
- 12종합 프로젝트
분야별 프로젝트
고용24 등록 교과목 20개 보기
- 프롬프트 엔지니어링 기초 & 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 기술 역량을 바탕으로 실무 연계 방안 도출.
- 미니프로젝트- 개별 또는 팀 단위로 소규모 프로젝트를 수행하며 실무 감각 향상 - 프론트엔드 핵심 개념 (UI 개발, API 연동, 데이터베이스 활용) 실습 강화
- 1차 프로젝트주제 : 참여기업 중심 웹페이지 및 웹 애플리케이션 개발 - 웹페이지 및 웹 애플리케이션 개발 - 기본적인 웹 애플리케이션 제작을 목표 - CRUD 기능을 중심으로 데이터 저장 및 관리 가능 - 프론트엔드 개발자의 필수 기술 습득을 위한 실무 프로젝트 - 백엔드와의 데이터 연동을 경험하며 실무 환경
- 2차 프로젝트주제 : 참여기업AI 활용 검색 기능이 포함된 프론트엔드 서비스 개발 - AI 활용 검색 기능이 포함된 프론트엔드 서비스 개발 - AI 모델을 활용한 검색 기능 최적화 - 사용자의 검색 패턴을 분석하여 추천 기능을 적용 - 데이터 필터링 및 벡터 검색을 통해 맞춤형 검색 결과 제공 - 프론트엔드 개발자가 AI 기술을 실제 서비스에 적용하는 경험을 제공
- 재량교과기업 실무자 특강(최신 디자인 트렌드)
- 재량교과입교식, 수료식
- 재량교과취업특강(이력서 및 자기소개서 작성법)
- 재량교과참여기업 담당자와의 만남
- 재량교과최종 프로젝트 발표회
- 총 훈련시간960 시간
출처 · 기관 랜딩페이지 · 접힘은 고용24 등록 교과목
지원 혜택
취업 연계
- ·01 취업지원 컨설팅 프로그램 소개
- ·02 이력서·자소서 작성법 교육
- ·03 모의면접 및 취업 컨설팅
- ·04 연계기업 취업매칭
- ·05 성공적인 취업 또는 이직
자격증
- ·자격증 취득 지원: 웹디자인기능사 · 컴퓨터그래픽스기능사 · 멀티미디어컨텐츠제작전문가 · GTQ
출처 · 기관 랜딩페이지 · 훈련장려금은 제도
지원 절차
기관이 공개한 절차 정보가 없습니다. 지원하면 상담에서 안내받습니다.
출처 · 기관 랜딩페이지 · 기관마다 다릅니다
자주 묻는 질문
비전공자도 지원할 수 있나요?
K-디지털 트레이닝은 제도상 전공·학력을 보지 않습니다. 다만 기관이 밝힌 훈련 대상이 있어 위 「어떤 분이 수강하면 좋을지」를 함께 확인하세요.
내일배움카드가 꼭 있어야 하나요?
지원 시점에 없어도 됩니다. 상담 단계에서 발급을 진행합니다. 다만 수강신청은 카드가 있어야 마칠 수 있습니다.
선발 절차가 있나요?
기관이 공개한 절차에서 별도 시험·전형은 확인되지 않았습니다. 상담 후 수강신청으로 이어집니다.
훈련장려금을 받을 수 있나요?
출석률 조건을 채우면 월 최대 70만원까지 받을 수 있습니다. 지급 조건은 기관·제도 기준을 따릅니다.
예전에 국비 교육을 들었는데 또 되나요?
중복수강 제한이 있을 수 있습니다. 최근 수료 이력이 있으면 상담 단계에서 먼저 확인해야 합니다.
출처 · 제도 요건 · 과정 데이터로 답이 채워지는 질문만
기관 랜딩페이지 https://bph.eduwill.net/front/lecture/lecture.asp?cs=2&li=380
고용24 2026-08-14 기준 · 매일 갱신
