안양 이젠아카데미컴퓨터학원 - AI 활용 프론트엔드개발 (AWS/Figma/React/ChatGPT)

목록으로

K-디지털 AI 활용 프론트엔드개발 (AWS/Figma/React/ChatGPT)

교육기간
정규 6개월
수강료

국비지원 교육비 0원

K-디지털 트레이닝 전액지원

취업분야
프론트엔드개발자, 스타트업, 소프트웨어개발/서비스, IT/인공지능,
앱/웹서비스, 온라인플랫폼, 온라인쇼핑몰, 온라인커머스, 웹디자인,
웹퍼블리셔, UIUX디자이너
  • 1차 개강08월 12일(화)
  • 2차 개강08월 21일(목)

챗 GPT(ChatGPT)를 활용하여
웹 애플리케이션의 화면을 구현해보는
AI 활용 프론트엔드 개발
(AWS/Figma/React/ChatGPT)이란?

웹사이트나 앱의 화면을 만드는 프론트엔드 개발자(코딩) 부트캠프 교육과정으로,
Figma 활용해 화면 디자인을 작업 + React, node을 활용해 화면을 구성하고 설계 +
생성형 AI(ChatGPT)를 활용하여 원하는 프롬프트 명령어로 원하는 코드를 생성할
수 있습니다.
이를 통해 프론트엔드 개발 과정이 더 빠르고 효율적으로 진행됩니다.
Start now

AI 시대로 현재 핫한 키워드 ‘챗 GPT’
생성형 AI(ChatGPT) 활용은 선택이 아닌 필수!

  1. point 01. 생성형 AI(ChatGPT)를 활용해 원하는 프롬프트(단어나 문장)을 입력하면, 코드를 자동으로 생성해주기 때문에 프론트엔드 개발 과정이 더 빨라지고 효율적으로 진행될 수 있습니다.
  2. GhatGPT를 활용한 예시 - “JavaScript로 간단한 Todo List 앱을 만들어줘” 를 영어로 번역 후 ChatGPT에 입력. Tip: 간단한 질문으로는 한 번에 원하는 답변을 얻기 어려우니 프롬프팅 시 요구사항을 상세하게 입력해야 원하는 답변을 얻을 수 있습니다.
  3. point 02. 총 5가지 프로젝트를 완성합니다. (미니프로젝트 1(UIUX) · 미니프로젝트 2(프론트엔드 개발) · 미니프로젝트 3(PWA/SPA구현) · SPA 영화 홍보 예매 사이트 프로젝트(스타벅스/트위터) · SPA 영화 홍보 예매 사이트 프로젝트(메가박스/CGV)
  4. 미니프로젝트1, 미니프로젝트2, 미니프로젝트3, 스타벅스/트위터 유형의 PWA 웹/앱 프로젝트, 영화 홍보 예매 사이트 프로젝트
  5. point 03. 프론트엔드 개발자로 성장할 수 있는 맞춤 시스템으로 관리합니다.
  6. 내가 짠 코드에 묻고 답변듣고! 실시간 피드백이 가능한 코드 리뷰 제공
  7. 자유롭게 공부하거나 같은 팀끼리 토론 할 수 있는 온·오프라인 스터디그룹
  8. 모든게 처음이라 두려운 분들을 위해 전문 코칭 멘토링 (교수진, 현장전문가, IT전문가, 취업전문가 풀 구성)
  9. 수강 중에 부족한 지식을 쌓고, 예습·복습이 가능한 온라인강의 제공

웹/앱 개발도 AI(ChatGPT)를 활용하는 시대
Figma, React, Node.js, ChatGPT 등의
도구와 기술을 활용하여
웹 애플리케이션의 UI/UX 작업을
효율적으로 수행할 수 있습니다.

협약기업에서 원하는 사람으로 맞춤 성장하고
협업 프로젝트를 진행하여 취업까지 가능!
  • Figma를 통한 디자인 구현: Figma는 UI/UX 디자인 도구로, 프론트엔드 개발자들이
    디자이너와 협업하여 사용자 인터페이스를 구현할 수 있습니다.
  • React를 통한 컴포넌트 기반 개발: React는 컴포넌트 기반 프레임워크로,
    재사용 가능한 UI 요소를 효율적으로 구축할 수 있습니다.
  • Node.js를 통한 백엔드 개발: Node.js는 JavaScript 런타임 환경으로,
    프론트엔드와 백엔드를 통합적으로 개발할 수 있습니다.
  • ChatGPT를 통한 생성형 AI 활용: ChatGPT는 대화형 AI 모델로,
    코드 생성, 문서화, 디자인 구현 등 다양한 작업을 지원합니다.
  • 이 과정의 훈련 목표
    1. 개발환경 구축, UX/UI설계 및 기획(Figma),
      프론트엔드 구현을 위한
      HTML/CSS, javascript,
      Typescript, React.js&ReactNative, Node.js,
      AWS클라우드와 생성형 AI활용을 배우고
      스타벅스/트위터 유형의 PWA 웹/앱 프로젝트,
      영화 홍보 예매 사이트 프로젝트를 구현하여
      웹 프론트엔드 기획자,
      프론트엔드 개발자의 취업을 목적으로 교육을 진행합니다.

수료 후 “끝”이 아닌 새로운 “시작” 취업 지원 시스템!

  1. 합격 전략 A to Z 전문 커리어 코치에게 1:1컨설팅 진행

  2. 구인공고 공유 및 추천 수강생 니즈를 분석해 개인별 맞는 기업을 매칭

  3. 온/오프라인 취업 특강 취업 전략에 대한 특강을 진행하여 다가올 취업에 대응

  4. 취업 후에도 지속적인 관리 취업 후에도 커리어 설계 / 미취업자도 6개월까지 취업지원

  1. 정규교과
    1. 개발환경 및 팀프로젝트 환경 설정 (VS CODE/Git/GitHub)
    2. UX/UI 설계 (Figma)
    3. 미니프로젝트 1 (UX/UI) - 실전
    4. 프론트엔드 Level 1 (HTML/CSS)
    5. 프론트엔드 Level 2.1 (JavaScript)
    1. 프론트엔드 Level2.1 (JavaScript)
    2. 프론트엔드 Level2.2 (Typescript)
    3. 미니프로젝트 2 (프론트엔드 개발) - 실전
    4. 프론트엔드 Level3(React/ReactNative)
    1. 프론트엔드 Level4 (Node.js)
    2. 미니프로젝트 3 (SPA구현) - 실전
    3. 클라우드 활용 (PWA/AWS 클라우드)
    4. 생성형 AI 활용 (ChatGPT)
  2. 프로젝트
    1. PWA(Progressive Web APP) 프로젝트 1 - 실전
    2. 1. 스타벅스 유형의 커피 전문점 PWA 웹 앱 제작
    3. 2. 트위터 유형의 SNS 플랫폼 PWA 웹 앱 제작
  1. SPA(Single Page Application) 프로젝트 2 - 실전
  2. 1. 영화 홍보 예매 사이트 제작(메가박스)
  3. 2 .영화 홍보 예매 사이트 제작(CGV)

당신만의 특별한 프로젝트가 완성됩니다.

AI ChatGPT

AWS, 피그마, 리액트, 챗GPT를
활용하여 업무 시간은 줄이고
작업 결과물의
퀄리티가 높은
프론트엔드 개발자로
성장할 수 있습니다.

AI(ChatGPT) 시대, 생성형 AI 기술인 ChatGPT를 활용하여 코드 생성, 디자인 구현,
문서화 등의 작업을 효율적으로 수행할 수 있습니다. 이젠에서 시작하세요.

관련자격증 취득이 가능합니다.
전국 23만 합격생이 이젠에서 자격증을 합격!

10초 안내받기

수강 정보를 놓치지 마세요.
취업컨설팅부터 커리어코칭까지 빠르게 안내해 드립니다.