K-디지털
생성형 AI(챗GPT)를 활용한
프론트엔드 개발
- 교육기간
- 정규 6개월
- 수강료
국비지원 교육비 0원
K-디지털 트레이닝 전액지원
- 취업분야
- 프론트엔드개발자, 스타트업, 소프트웨어개발/서비스, IT/인공지능,
앱/웹서비스, 온라인플랫폼, 온라인쇼핑몰, 온라인커머스, 웹디자인,
웹퍼블리셔, UIUX디자이너
- 1차 개강09월 24일(화)
지금 신청하면 1400만원 상당의
온라인강의가 O원이라고?
챗 GPT(ChatGPT)를 활용하여
웹 애플리케이션의 화면을 구현해보는
생성형 AI 활용 프론트엔드 개발
(Figma,React,Node.js,ChatGPT)이란?
웹사이트나 앱의 화면을 만드는 프론트엔드 개발자(코딩) 부트캠프 교육과정으로,
Figma 활용해 화면 디자인을 작업 + React, node을 활용해 화면을 구성하고 설계 +
생성형 AI(ChatGPT)를 활용하여 원하는 프롬프트 명령어로 원하는 코드를 생성할
수 있습니다.
이를 통해 프론트엔드 개발 과정이 더 빠르고 효율적으로 진행됩니다.
Start now
AI 시대로 현재 핫한 키워드 ‘챗 GPT’
생성형 AI(ChatGPT) 활용은 선택이 아닌 필수!
- point 01. 생성형 AI(ChatGPT)를 활용해 원하는 프롬프트(단어나 문장)을 입력하면, 코드를 자동으로 생성해주기 때문에 프론트엔드 개발 과정이 더 빨라지고 효율적으로 진행될 수 있습니다.
- GhatGPT를 활용한 예시 - “JavaScript로 간단한 Todo List 앱을 만들어줘” 를 영어로 번역 후 ChatGPT에 입력. Tip: 간단한 질문으로는 한 번에 원하는 답변을 얻기 어려우니 프롬프팅 시 요구사항을 상세하게 입력해야 원하는 답변을 얻을 수 있습니다.
- point 02. 총 5가지 프로젝트를 완성합니다. (미니프로젝트 1(UIUX) · 미니프로젝트 2(프론트엔드 개발) · 미니프로젝트 3(SPA구현) · OTT 서비스 웹/모바일 프로젝트(유튜브/틱톡) · 이커머스 쇼핑몰 프로젝트(쿠팡/11st )
- 미니프로젝트 (UIUX), 미니프로젝트 (프론트엔드), 미니프로젝트 (SPA구현), OTT서비스 웹/모바일 구현 예시, 이커머스 쇼핑몰 구현 예시
- point 03. 프론트엔드 개발자로 성장할 수 있는 맞춤 시스템으로 관리합니다.
- 내가 짠 코드에 묻고 답변듣고! 실시간 피드백이 가능한 코드 리뷰 제공
- 자유롭게 공부하거나 같은 팀끼리 토론 할 수 있는 온·오프라인 스터디그룹
- 모든게 처음이라 두려운 분들을 위해 전문 코칭 멘토링 (교수진, 현장전문가, IT전문가, 취업전문가 풀 구성)
- 수강 중에 부족한 지식을 쌓고, 예습·복습이 가능한 온라인강의 제공
웹/앱 개발도 AI(GhatGPT)를 활용하는 시대
Figma, React, Node.js, ChatGPT 등의
도구와 기술을 활용하여
웹 애플리케이션의 UI/UX 작업을
효율적으로 수행할 수 있습니다.
협약기업에서 원하는 사람으로 맞춤 성장하고
협업 프로젝트를 진행하여 취업까지 가능!
- Figma를 통한 디자인 구현: Figma는 UI/UX 디자인 도구로, 프론트엔드 개발자들이
디자이너와 협업하여 사용자 인터페이스를 구현할 수 있습니다. - React를 통한 컴포넌트 기반 개발: React는 컴포넌트 기반 프레임워크로,
재사용 가능한 UI 요소를 효율적으로 구축할 수 있습니다. - Node.js를 통한 백엔드 개발: Node.js는 JavaScript 런타임 환경으로,
프론트엔드와 백엔드를 통합적으로 개발할 수 있습니다. - ChatGPT를 통한 생성형 AI 활용: ChatGPT는 대화형 AI 모델로,
코드 생성, 문서화, 디자인 구현 등 다양한 작업을 지원합니다.
- 이 과정의 훈련 목표
- 개발환경 구축, UX/UI설계 및 기획(Figma),
프론트엔드 구현을 위한
HTML/CSS, javascript,
Typescript, React.js&ReactNative, Node.js,
AWS클라우드와 생성형 AI활용을 배우고
OTT Service 웹/모바일 프로젝트,
E-commerce Shopping mall 프로젝트를 구현하여
웹 프론트엔드 기획자,
프론트엔드 개발자의 취업을 목적으로 교육을 진행합니다.
- 개발환경 구축, UX/UI설계 및 기획(Figma),
수료 후 “끝”이 아닌 새로운 “시작” 취업 지원 시스템!
합격 전략 A to Z 전문 커리어 코치에게 1:1컨설팅 진행
구인공고 공유 및 추천 수강생 니즈를 분석해 개인별 맞는 기업을 매칭
온/오프라인 취업 특강 취업 전략에 대한 특강을 진행하여 다가올 취업에 대응
취업 후에도 지속적인 관리 취업 후에도 커리어 설계 / 미취업자도 6개월까지 취업지원
- 정규교과
- 개발환경 및 팀프로젝트 환경 설정 (VS CODE/Git/GitHub)
- UX/UI 설계 (Figma)
- 미니프로젝트 1 (UX/UI) - 실전
- 프론트엔드 Level 1 (HTML/CSS)
- 프론트엔드 Level 2.1 (JavaScript)
- 프론트엔드 Level2.1 (JavaScript)
- 프론트엔드 Level2.2 (Typescript)
- 미니프로젝트 2 (프론트엔드 개발) - 실전
- 프론트엔드 Level3(React/ReactNative)
- 프론트엔드 Level4 (Node.js)
- 미니프로젝트 3 (SPA구현) - 실전
- 클라우드 활용 (AWS 클라우드)
- 생성형 AI 활용 (ChatGPT)
- 프로젝트
- OTT Service 웹/모바일 프로젝트 1 - 실전
- 1. Youtube Site 프로젝트 개발
- 2. Tiktok SNS Service 프로젝트 개발
- E-commerce Shopping mall 프로젝트 2 - 실전
- 1. E-commerce Shopping mall 프로젝트 개발 (쿠팡)
- 2. E-commerce Shopping mall 프로젝트 개발 (11st)
피그마, 리액트, 노드, 챗GPT를
활용하여 업무 시간은 줄이고
작업 결과물의
퀄리티가 높은
프론트엔드 개발자로
성장할 수 있습니다.
AI(ChatGPT) 시대, 생성형 AI 기술인 ChatGPT를 활용하여 코드 생성, 디자인 구현,
문서화 등의 작업을 효율적으로 수행할 수 있습니다. 이젠에서 시작하세요.
10초 안내받기
어디서부터 시작해야할지 모르겠습니까?