많은 기업이 AI 기반 솔루션을 제품에 통합하려 하고 있어, AI 친화적인 프론트엔드 개발자의 수요가 급증하고 있습니다. 기술 선도 기업들이 관련 프로젝트를 활발히 추진 중입니다.
프로젝트기반의 프론트엔드개발자
WITH 생성형 AI front-end course
course info
프로젝트기반의 프론트엔드 생성형AI과정을 소개합니다!
strength
대우능력개발원
프로젝트기반의 프론트엔드 생성형AI 과정의 강점!
2026 최신 커리큘럼
생성형 AI기반 프론트엔드 개발자
AI 시대의 새로운 개발 패러다임을 선도하는
실무 중심 교육 과정
생성형 AI를 모르면 안되는 이유!
Fig. 1: Primary Focus of Generative AI Investments
Customer Experience/Retention
38%
Revenue Growth
26%
Cost Optimization
17%
Business Continuity
7%
Source: Gartner (May 2023)
최근 시장조사업체 IDC는 초거대 AI를 포함한 전 세계 AI 시장 규모가 '24년 5,543억 달러(약 700조 원)에 달할 것으로 내다봤습니다.
국내 AI 시장 역시 '24년 3조 662억 원 규모로 예상되며, 2023년부터 연평균 14.9% 성장하여 '27년까지 4조 4,636억 원 규모에 이를 전망입니다.
솔루션 고도화, 생성형 AI를 통한 새로운 비즈니스 기대 수요 등이 AI 시장 성장을 가속화할 것입니다.
전공자도 아닌데 6개월 공부해서 취업이 가능하냐구요?
아느냐 보다
할 줄 아느냐가
중요합니다!
이론보다는 실습위주의 실무중심 교육과정
기업체 수요조사를 통한 교육과정 설계와 기업체가 참여하는 2개의 프로젝트
기초부터 알아듣기 쉽게 1부터 차근차근수업
내용에 대한 연계적 수업으로 개발 전반적인 과정을 경험하는 수업
기업 담당자들은 이야기 합니다.
UX/UI 설계와 피그마를 배우면 사용자의 요구를 시각적으로 표현하고, 디자인적으로 완성도 높은 인터페이스를 설계, 개발자와 디자이너 간의 협업 능력을 길러야 합니다.
API를 활용하여 외부서비스와 통합하는 능력, 다양한 라이브러리 도구를 활용할 수 있는 능력은 필수적입니다.
반응형 시스템 구현은 다양한 디바이스에서 최적화된 사용자 경험을 제공하기 위한 필수 기술입니다.
많은 기업이 생성형 AI를 활용해 업무 효율성을 높이고 있습니다. 효과적으로 사용하는 능력은 필수 기술로 자리 잡고 있습니다.
취업 할 수 있느냐 보다 얼마나 유지 할 수 있느냐가
더 중요합니다!
평균 2년
단순히 취업에 성공하는 것 취업률을 높이는 것 뿐 아니라, 안정적으로 직업을 유지하는 것이 장기적인 성공을 의미합니다. 훈련 과정이 참여자들에게 실질적인 도움이 되었음을 보여줍니다.
1000 시간
가량의 수업시간!
IT 업계에서는 실무를 경험한 사람을 선호하며, 충분한 학습 시간이 이를 뒷받침합니다.
다수의 10년이상
경력을 가지신 고용노동부 인정 직업훈련 강사들이 현장에서 직접 강의 합니다!
생성형 AI에게도 질문하는 방법이 있습니다!
질문 프롬프트 작성의 핵심은
AI 모델에게 구체적인 지시를 내리는 것이죠
이를 위해선 사용자의 의도와 목적이 정확히 전달되어야 해요
그런데 잠깐! 여기서 말하는 '정확히'라는 표현,
정확히 어떤 의미일까요? 결과물들을 활용하려면
어떻게 해야할까요?
* 이번 과정에서는 생성형 AI를 활용하여 코드 작성법에 대해 학습하고 실무 적용능력을 키웁니다.
이런 분께 추천드립니다!
👨💻
개발 기본기를 탄탄히 하고싶은 웹 퍼블리셔, 프론트엔드 개발자
🎨
피그마를 사용하여 UX/UI 분야 진출을 꿈꾸는 취준생웹 퍼블리셔/프론트엔드 분야로 진출하고 싶은 취준생
🤖
웹디자인 AI 프롬프팅을 활용한 홈페이지 제작 등 프론트 개발 콘텐츠 제작이 적성에 맞는 구직자
💻
컴퓨터에 익숙하지않아 기초부터 수업을 원하는 IT 비전공자
🖥️
교육과정
기술 스택
JAVA
React.js
Typescript
PYTHON
HTML
CSS
Javascript
• 2D그래픽, 디자인 시안, 아이디어시각화
• 웹 디자인 / 웹 퍼블리싱 / 프론트엔드 개발
• 생성형 AI 컨텐츠제작
포트폴리오 완성도
레이아웃, 디자인 기획, 퀄리티 높은 포트폴리오 제작
취업분야
모바일 및 웹사이트 디자인, 그래픽디자이너, 콘텐츠 제작자
마케팅 디자이너, 프론트엔드 개발자, 생성형 AI 컨텐츠 제작자
📋
처음 보는 용어와 개념을 확실하게 짚고 넘어갑니다!
📐
코드와 구조를 차근차근 설명합니다.
📚
자료를 정리해서 그날 배운것들은 복습할 수 있도록 전달합니다.
🎯
실무중심의 교육 프로젝트 위주의 수업을 진행합니다.
NO 홈페이지!
진짜로 회사에서
쓰이는 프로젝트
☁️
💬
1. 반응형 물류시스템
실제 물류 업계에서 사용되는 대시보드 및 관리 시스템 구현
🔔
2. Smart RAD솔루션 시스템
AI 기반 자동화 개발 솔루션 실무 프로젝트
curriculum
커리큘럼
| 정규교과 | 프론트앤드 개발 기본 |
□ 화면 구현 기초 – 크로스브라우징 이해 – VS CODE 설치 및 환경 구축 – HTML 구조 및 기초 문법, CSS 기본 속성 – 미디어쿼리를 사용한 반응형 웹&앱 레이아웃 구현
□ UX/UI 기획 및 설계 – UX/UI의 개요 – UI/UX 디자인 리서치 및 설계 – 와이어프레임, 프로토타입 제작 – 사용성 테스트
□ 피그마 – 피그마의 개념 – 컴포넌트 연결 – 오토 레이아웃 / 컨스트레인트 / 레이아웃 그리드 사용 – 와이어프레임, 프로토타입 활용 화면 설계 – 피그마에서 협업하기 |
| 프론트앤드 개발 심화 |
□ Javascript – 변수와 데이터 타입 – 함수와 알고리즘 – 배열과 문자열 – DOM과 BOM – Ajax의 이해와 활용 – 자바스크립트 응용
□ React.js – React의 개념과 이해 – 컴포넌트 사용 방법 – 이벤트와 스타일 – JSX 사용하기 – 조건부 렌더링 – 훅을 사용한 컴포넌트 개발
□ JAVA & DB – 자바 사용 환경 설정(JDK 설치, IDE 설치) – 변수와 타입 – 연산자 – 조건문과 반복문 – 참조타입과 참조변수 – 배열 – 클래스 – 상속 – 인터페이스 – 포인터 – 데이터베이스의 기본 개념 – 데이터베이스 설계 – SQL을 활용한 데이터베이스 구현
□ git/gitHUB – Git 사용 환경 구축(설치, Branch, 협업) – GitHub Commit, Request – GitHub 리포지토리 생성 및 구축
□ API – 웹 API 설계 요소 – 리소스 기반 API 설계 – API 설계 협업 – API 모델링 |
|
| 파이썬 |
– 파이썬의 개념 및 설치 – 자료형, 제어문, 입출력 – 클래스, 모듈, 패키지 – 예외처리 – 표준 라이브러리 – 정규표현식 |
|
| 프롬프트 기반의 생성형 AI 코딩 |
– 생성형 AI의 이해 – ChatGPT 정확한 결과 도츨을 위한 프롬프트 작성 방법 – ChatGPT를 활용한 소스코드 작성 |
|
| 프로젝트 | 반응형 기반의 물류시스템 구현 |
– COLO(물류 관리 시스템) 셀러 part 시스템 구현(프론트) – COLO(물류 관리 시스템) 창고주 part 시스템 구현(프론트) |
|
SmartRAD 솔루션 시스템 part 구현(프론트) |
– SmartRAD 솔루션 시스템 인사급여 part – SmartRAD 솔루션 시스템 유통제고 part |
|
| 기타 | 입/수료식 |
– 오리엔테이션 – 입학식 – 수료식 및 우수훈련생 포상 |
the other courses
대우직업능력개발원의
다른 과정이 궁금하신가요?
online counseling
온라인 상담신청
kdt 훈련기관 에 기재된 담당자 전화번호로 계속 저나하니 안받아서
Re:kdt 훈련기관 에 기재된 담당자 전화번호로 계속 저나하니 안받아서
