이젠컴퓨터아카데미 광명시흥센터 - 생성형AI 기반 UX UI 디자인& 프로트엔드 개발 과정 (ChatGPT, 일러 포토, 피그마, 자바스크립트, 리액트)

생성형AI 기반 UX UI 디자인& 프로트엔드 개발 과정 (ChatGPT, 일러 포토, 피그마, 자바스크립트, 리액트)

1차 개강일
26년 04월 14일(화)
2차 개강일
26년 04월 17일(금)

고용24 국민내일배움카드 훈련과정명은
생성형AI 기반 UX UI 디자인& 프론트엔드 개발 과정입니다.

교육기간
정규 6개월 취준생/초보자/디자인 입문

교육비

K-디지털 ·국기 · 취준생 과정
90% ~ 최대100% 지원
지금 합류하면 혜택 ALL 제공
  • 500만원 상당 AI+실무 활용 인강
  • 50+ 협력기업 취업연계 (면접 멘토링)
  • 매월 20~80만원 훈련수당 지급
  • 온라인 학습 시스템 제공 · 교재 지원

안산 국비지원 웹디자인·UIUX 학원

내일배움카드로 국비지원교육 신청하세요

저희 학원은 안산 지역에서 국비지원교육을 통해 웹디자인과 UIUX 디자인을 전문적으로 교육합니다. 내일배움카드로 수강할 수 있으며, 국비지원 학원 중에서도 높은 만족도를 자랑합니다.

WHY?
취업연계 부트캠프,
AI기반 UX/UI 디자인&
프론트엔드로 시작해야 할까?

웹 디자인&프론트엔드, 꼭 강남까지 가야 하나요?
강남 감성 그대로, 안산에서도! 이젠 본사 직영에서, 강남 퀄리티 그대로 경험 해 보세요.
업계 평균을 압도하는 취업률, 무려 86.7% 높은 성과!
지금 이젠 안산 본원에서 경험해보세요.
Start now

HRD 안산 본원 리얼 취업률 86.7%
50개+ 협력기업과 함께!
취업까지 직행!

취업률 무려 86.7% 안산 본원만이 답! 협력기업 로고 이미지 취업률 무려 86.7% 안산 본원만이 답! 협력기업 로고 이미지

흐름만 잘 따라가도 실력은 자연스럽게 성장하고,
원하는 취업까지 이룰 수 있어요.

웹디자인&프론트엔드,
꼭 강남까지 가야 하나요?
본사 직영 안산 본원, 강남 퀄리티 그대로 경험!

  • 100%
    강남본원의 노하우를 그대로
    최고의 커리큘럼과 강사진으로
    강남 수준 그대로 제공

  • 100%
    포트폴리오 보장반
    으로 진행하여 무한 피드백으로
    100% 포트폴리오를 보장

  • 100%
    취업 성공 캠프 지원
    빠르게 변하는 트렌드에 맞춰
    취업 성공률이 UP!

취업이 목표라면 안산 본원과 함께하세요!

AI기반 UX/UI 디자인&프론트엔드,
취업의 중요 포인트는 바로 ’실무 능력’

  • 기획을 디자인으로
    표현할 수 있는
    유연한 사고 능력
    팀안에서 중요성 높음
  • UXUI 디자인 &
    프론트엔드까지
    모두 이해하는
    멀티플레이어 인재로
    성장하여 취업 가능성 UP!
  • 가상의 프로젝트가
    아닌 실무와 동일한
    프로젝트 경험하여
    실무자로 바로
    시작하기 좋음
  • 디자이너와 개발자 간의
    협업이 더 이상
    스트레스가 아닌,
    프로젝트의 성과를
    높이는 요소로 작용!

채용공고에서 UXUI 디자인·프론트엔드 수요는
점점 증가하고 있습니다.

그래서, 기업 심층 인터뷰를
진행했습니다.

실제 기업들이 원하는 핵심 인재상에 대해 파악하기 위해
인터뷰를 진행했으며,
그 결과를 반영하여
기업이 진정 필요로 하는 역량을 집중적으로 다룰 수 있는
교육과정을 개발
했습니다.

채용 담당자의 어려움

  1. 학습 능력 평가의 어려움 신기술이나 트렌드를 학습
    및 적용
    할 수 있는
    능력의 판단이 어렵다.

  2. 기술 역량 평가의 어려움복잡한 문제 해결 능력을
    단기 면접으로
    파악하기 어렵다.

  3. 협업 능력 평가의 한계 코드 테스트만으로
    부서 간 협업 능력을
    확인하기 어렵다.

채용하고 싶은 지원자

  1. 기본기가 탄탄하고 신기술에
    대한 관심이 높으며,실무에
    빠르게 적용 가능한 지원자

  2. 실무 경험을 바탕으로 문제
    발생시 적극적인 자세로
    해결할 수 있는 지원자

  3. 실제 협업 경험을 바탕으로
    원활한 소통과 팀워크를
    발휘할 수 있는 지원자

심층 학습 POINT

  1. 빠르게 변화하는 기술 환경에 적응하고,
    효과적으로 학습 할 수 있는 능력을 트레이닝
    (생성형 AI을 활용한 이미지 생성 및 코드 최적화 등)

  2. UXUI 개선, 코드 최적화등을 실무 환경과
    유사한 상황에서 실습하여 빠른 문제 식별과
    해결할 수 있는 역량을 트레이닝

  3. UXUI디자인과 프론트엔드를 둘다 이해하고
    다양한 프로젝트로 소통 및 협업 능력을 향상
    시키도록 트레이닝 (정규 프로젝트 : 320시간)

이러한 학습 능력, 기술 역량, 협업 능력을 모두 충족시키는 실무자를 양성하기 위해,
면접자가 원하는 프로젝트 구성 방법찾아 설계하였습니다.

  1. 브레인 스토밍으로
    키워드 도출
  2. 레퍼런스를 이용한
    아이디어 스케치 진행
  3. 프로젝트 스토리보드 구성/
    현직 실무자 멘토링

AI기반 UX/UI 디자인&
프론트엔드 부트캠프
어떻게 진행되나요?

  1. 사전 수업 스타트 캠프개념 형성 학습
    피그마 기초 선행학습
  2. 정규 부트 캠프 적용/발전 (생성형 AI 활용)
    UXUI 실전 + 미니 프로젝트 96시간
  3. 프로젝트 320시간 프로젝트
    현직 UXUI 디자이너 튜터링
  4. 취업 성공 캠프 취업 성공
    협력 기업 매칭

최고의 경험 공유를 위한 스터디크루

사전 수업 스타트캠프
기초 지식이 없어 혼자는 막막하다면?
사전 수업 스타트 캠프 운영으로 걱정 No!

기획/디자인 기초가 없는 학생들을 위해 사전 교육을 제공하여
프로그래밍의 기본 개념과 사전학습을 통해 탄탄한 기초를 쌓고,
이를 바탕으로 UXUI 디자인&프론트엔드의
시작을 든든하게 지원합니다.

기초 UXUI 디자인&프론트엔드 이해 속도

  1. PreClass
    1차
    1차 (온라인)
    • 기획(브레인 스토밍)
    • KDC 피그마(1~4주)
  2. PreClass
    2차
    2차 (오프라인)
    • 피그마 UXUI 디자인 페이지 작성
    • 실무예제(부트스트랩 활용) 페이지 작성
  3. Regular
    Class
    3차 (오프라인)
    • 동기부여 2주 집중 보충수업
    • 학습 스터디 크루
    • 수준별 튜터링

정규 수업 부트 캠프
실무에 적응할 정도로 수준이 될까 걱정이라면?
체계적인 정규 수업 부트캠프로
문제 해결(실무) 능력 업그레이드!

  1. 제대로 만든
    Curriculum을 배웁니다.

  2. 실무자의 필수스킬!
    문제해결역량(실무감각) UP!

    팀 프로젝트 진행 생성형 AI 활용

  3. 혼자는 어렵지만, 함께하면
    빨라지고 쉬워집니다.

    • 기획의 개념과 중요성을 이해하고 다양한 기획 기법
    • 사용자 맞춤 설계가 자유롭고 브랜드 심미성을 살린 디자인
    • 코드가 명확하고 이해하기 쉬운 코드

    당신의 UX·UI 디자인 & 프론트엔드
    퀄리티가 달라집니다.

프론트엔드 UXUI 디자이너가
이미지 생성형 AI 미드저니(Midjourney)를 활용하면 좋은 이유!
  • 와이어프레임 및 컨셉디자인
    신속하게 제작 가능
    스케치 없이도 다양한 스타일과
    무드보드를 빠르게
    생성해 디자인
    방향성을 제공해줍니다.
  • 최신 트렌드 반영한
    새로운 디자인 영감 제공
    최신 UI 트렌드(네오 브루탈리즘,
    글래스모피즘 등)를
    바로 구현하여
    디자인 영감을 제공합니다.
  • 차별화된 포트폴리오
    개인 브랜딩 강화
    기존 UI 디자인과 차별화된 AI 기반
    독창적인 스타일
    제공하여 혁신적인
    디자인 역량 강화에 도움됩니다.
미드저니를 프롬프트를 잘 활용하면 이런점이 좋아요!

디지털 혁신을 주도하는 UXUI 디자인에서,
미드저니 활용은 더 이상 선택이 아닌 필수 사항!
빠르게 변화하는 트렌드를 반영하고, 창의적인 비주얼을
효율적으로
만들어야 하는 UXUI 디자이너에게 미드저니는
디자인 프로세스를
혁신할 수 있는 강력한 도구예요!

다른 이미지 생성 AI 도구와 차별화되는 특성
  • 사용자 맞춤형 구체적이고 사용자가 원하는 이미지 도출
  • 창의적작업 다양한 스타일 제공으로 아이디어 확장
  • 디자인컨셉 모두가 쉽게 이해할 수 있는 레퍼런스 제공
  • 프로토타입 미드저니로 빠르게 아이디어 시각적으로 표현
  • 브랜딩강화 기업이 원하는 혁신적인 개인 브랜딩 강화
적절한 프롬프트 활용 전

프롬프트에 특정 키워드를 넣는다고 해서 의도대로
100% 키워드가 이미지 생성에 반영되지는 않습니다.

적절한 프롬프트 활용 후

프롬프트 활용법을 익히고 키워드 영향력을 고려한
프롬프트를 작성하면 보다 원하는 이미지를 얻을 수 있습니다.

다른 이미지 AI 도구보다 실무적용에 유리한 미드저니

기존 이미지 생성 AI 도구에 비해 독창적이고
쉽고 완성도 있어 창의성과 효율성을 극대화!
다른 AI 도구에 비해 섬세한 이미지를 생성할 수 있으며, 다양한
스타일과 설정을 지원하여 사용자의 요구를 정확히 충족합니다!

UX/UI 디자인에 프롬프트를 활용하여
생산한 미드저니(Midjourney)를 활용하면
시각적 통일성을 유지하면서도 효율적이고
퀄리티 높은 작업물을 생산할 수 있습니다.

프론트엔드 개발에서
왜 생성형 AI(챗GPT)를 활용 해야 할까요?
ChatGPT 활용전

이중 for루프는 배열을 순차적으로 비교하므로
이해는 쉽지만, 큰 배열에서는 비효율적입니다.

ChatGPT 활용 후

Set 객체의 중복을 허용하지 않는 특성을 활용하여
배열을 Set으로 변환하면 간단히 중복을 제거할 수 있습니다.

최적화 코드 작성하면 좋은 이유!
  • 성능 향상 실행 속도가 빨라지고 메모리 사용이 줄어듭니다.
  • 가독성 증가 간결해져 이해하기 쉽고 유지보수가 용이합니다.
  • 에러 감소 복잡성을 줄여 버그 발생 가능성을 낮춥니다.
  • 재사용성 모듈화되어 다른 프로젝트에서 재사용이 쉽습니다.
  • 협업 용이 깔끔한 코드는 팀원들과의 협업을 원활하게 합니다.

UX·UI 디자인 & 프론트엔드 개발은
빠르게 변화하는 분야로, 이와 같이 챗GPT를 활용하면
다양한 문제를 빠르게 해결하고, 최신 트렌드를
습득
하며, 생산성을 크게 향상시킬 수 있습니다.

기업에 뽑히는
UXUI 디자인&프론트엔드는
어떤 프로젝트를 할까요?


기업 채용공고를 보면
알 수 있습니다.

JOB사이트 채용공고
모집내용 을 바탕으로 한 동일한 교육

  • (주)플****
    FIGMA 통해 협업한 경험자
    Typescript 경험자
  • (주)포*메모리
    React 프레임워크 필수
    HTML, CSS 깊은 이해
  • (주)티*
    React 프레임워크 개발 익숙 AWS 서비스 활용 경험


커리큘럼

  1. 브레인스토밍 키워드 도출
    아이디어를 통한 기획력 강화
  2. 기획과디자인, 유연한 사고
    피그마를 통한 UX/UI 강화
  3. 생성형 AI를 활용한
    JavaScript Interactive활용
  4. 실전 5인 1개조 협업 프로젝트
    416시간 프로젝트 경험
    *미니프로젝트 포함

UX·UI 기획 설계UX·UI 디자인TypeScript 실전 협업 프로젝트 경험을 하는 순간 UX/UI 디자인&프론트엔드로 뽑힐
경쟁력을 갖게 됩니다.

Curriculum
  1. 개발 환경 & UX·UI 설계 디자인
    비쥬얼스튜디오, 깃, 피그마
  2. 프론트엔드 기초 & 응용
    HTML5, CSS3, JS, Type Script
  3. 생성형 AI 활용
    React, Node.js
  4. API & Cloud 활용
    API, AWS
  1. UX/UI
    디자인 제작

    UX/UI 정의 및 개발 프로세스,
    디지털 컴포넌트, Web/Mobile
    UX 기획
    및 설계, 종합적인
    UX/UI 디자인 제작을 학습합니다.

    56시간
    미니
    프로젝트
    1. UX/UI 정의 및 개발 프로세스 UX는 사용자의 경험을 설계하고, UI는 그 경험을
      시각적으로 구현하는 과정으로, 사용자 요구를
      중심으로 개발 프로세스를 학습합니다.

      • Lv.1 (초급)
    2. UX/UI Digital Component 디스플레이 특성, 그리드 시스템, 레이아웃 등
      피그마를 활용하여 컴포넌트를 제작,프로토 타입을
      실습 및 생성형 AI 기반 이미지도 생성합니다.

      • Lv.1 (초급)
      • 피그마 활용 가이드
    3. Web/Mobile UX Planing 브랜드 콘텐츠 UX 현황 분석과 벤치마킹,
      생성형 AI를 활용한 사용자 연구, 모델링(페르소나,
      Journey map), 유저 플로우작성 등 을 포함한
      종합적인 UX 설계를 합니다.

      • Lv.2 (중급)
    4. Web/Mobile UI Style Design 생성형 AI를 활용한 UI 콘셉트 아이디어 도출,
      기능 정의, 화면 설계 등 UI 디자인 시스템 및
      스타일 가이드 작성 과정을 포함하여 전체
      UI 디자인 개발을 체계적으로 접근합니다.

      • Lv.2 (중급)
      • UI 컴포넌트 제작
    5. 미니 프로젝트 I - 브레인스토밍

      • 프로젝트 주제 및 목표선정
      • 참여자 선정 및 역할분담
      • 브레인스토밍 생성형 활용 및 실습
      • 아이디어 평가및 선별/구체화 및 피드백
      • 실행단계별 계획 수립과 사용자 요구분석
      • 페르소나 및 Journey map 작성
      • 워크플로우 및 와이어프레임 작성
      • UX/UI 가이드 작성 및 프로토타입 제작
      • 팀 프로젝트 (중급)
  2. 프론트엔드
    기초

    프론트엔드 기본 지식을 활용하여
    실전 프로젝트에서 UX·UI 설계와
    HTML/CSS 기반의 반응형 웹디자인을
    구현합니다.

    1. 프론트엔드 개발환경 설정 프론트엔드 개념과 개발환경 설정, VS Code 사용,
      Git/GitHub 기초(설치, 브랜치 관리, 협업,
      저장소 및 이슈 관리)등 을 학습 및 설정 합니다.

      • Lv.1 (초급)
    2. HTML/CSS 웹/모바일 브라우저 이해, HTML/CSS 기초,
      반응형 웹, 생성형 AI 활용 및 프로젝트를
      학습합니다.

      • Lv.1 (초급)
      • Responsive Web
    3. Javascript 기초 기본 개념과 문법 학습, DOM 조작을 통한 동적
      변경, 배열과 객체를 통한 데이터 관리 등
      Javascript를 활용할 수 있는 기초를 다집니다.

      • Lv.2 (중급)
  3. 프론트엔드 심화

    역량 심화를 위한 JavaScript, TypeScript,
    React를 집중적으로 학습,
    클론 코딩 미니 프로젝트를 통해
    실제 구현 경험을 쌓으며
    실습합니다.

    40시간
    미니
    프로젝트
    1. Javascript 심화 외부 데이터 호출 및 처리, 객체 지향 프로그래밍,
      정규표현식 활용, ES6 문법 및 고급 기능을
      학습 및 활용합니다.

      • Lv.2 ~3 (중·고급)
    2. TypeScript TypeScript 개요, 문법, 자료형, 함수, 인터페이스,
      클래스, 에러 처리 및 생성형 AI를 활용하여
      코딩 합니다.

      • Lv.3 (고급)
      • 생성형 AI 활용
    3. 미니 프로젝트 II - UX/UI 클론 코딩

      • 프로젝트 주제 및 목표선정
      • Web/Mobile 클론코딩
      • Web/Mobile 클론코딩 생성형 AI 활용
      • 문서내 동적 기능 구현을 위한 Javascript 작성
      • Javascript & Dom을 활용한 UI 구현
      • Javascript를 활용한 애니메이션 UI 구현
      • 팀 프로젝트 (중급)
      • 생성형 AI 활용
    4. React,AWS React의 개념과 컴포넌트, 상태 관리,
      라이프 사이클 최적화 기법을 학습하고,
      생성형 AI를 활용한 React 코딩을 실습합니다.
      또한 AWS EC2 인스턴스 생성, 서버 연결,
      도메인 연결 및 배포 과정을 포함한
      배포 작업을 다룹니다.

      • Lv.3 (고급)
      • AWS 활용
  4. WEB / MOBILE
    UX / UI
    프로젝트

    프론트엔드 개발을 위한 SPA 구현,
    클라우드 배포 및 관리, 그리고
    생성형 AI(chatGPT)를 활용한
    프로젝트 기획과 코딩
    기술을 다룹니다.

    320시간 프로젝트
    With 현직 개발자
    1. 웹&모바일 UX/UI 프로젝트 I

      K-Brand Contents 프로젝트

      • 팀 빌딩, 주제 선정 및 경쟁사 UX/UI 분석과 벤치마킹.
      • 생성형 AI를 활용한 사용자 분석(페르소나, Journey Map), 리서치 및 인사이트 도출.
      • UI/UX 콘셉트 기획, 어피니티 다이어그램, 정보 구조(IA) 설계, 유저 플로우 작성.
      • 서비스 기능 정의 및 핵심 인사이트 도출, UX/UI 및 인터랙티브 디자인.
      • Web/Mobile 프로토타입, UI 컴포넌트 제작, 서비스 환경 구축, 프론트엔드 및 퍼블리싱.
      • 웹/모바일 빌드, 모션 그래픽 제작 및 프로젝트 배포.
      • 팀 프로젝트 (고급)
    2. 모바일 UX/UI 프로젝트 II

      AI챗봇 지원 팬덤 커뮤니티

      • 팀 빌딩, 주제 선정 및 경쟁사 UX/UI 분석과 벤치마킹.
      • 생성형 AI를 활용한 사용자 분석(페르소나, Journey Map), 리서치 및 인사이트 도출.
      • UI/UX 콘셉트 기획, 어피니티 다이어그램, 정보 구조(IA) 설계, 유저 플로우 작성.
      • 서비스 기능 정의 및 핵심 인사이트 도출, UX/UI 및 인터랙티브 디자인.
      • Mobile 프로토타입, AI를 활용한 UI 컴포넌트 제작, 서비스 환경 구축, 퍼블리싱/프론트엔드 구현.
      • 모션 그래픽, SPA 구현, Mobile 빌드 및 프로젝트 배포.
      • 팀 프로젝트 (고급)

416시간 (미니 프로젝트 포함)
성장의 결과,
수강생들이 완성한 팀 프로젝트입니다.

당신도 현직 실무자 이상의
프로젝트 결과물을 만들어낼 수 있습니다.

완벽한 취업 연계!

50개+협력기업과 함께! 취업까지 직행합니다.

평균 취업률 80% 비전공자·초보자 포함 수치

꿈꾸던 기업의 현직자, 이미 당신의 기수 선배들입니다.

전공자 아니어도 됩니다.
기업이 뽑고 싶게 만드는 건
저희 전공이니까요.

수강은 시작일 뿐! 초보도 가능한 수강생 전용 혜택

  1. 중도 포기자 0%를 위한
    사전 수업 스타트 캠프
    사전 학습
    가이드 제공
  2. 실무 기준에 맞춰 레벨UP
    정규 실무 과정
    실무 중심의
    수업
  3. 이력서에 바로 쓰는 결과물 생성
    실무 프로젝트
    현직 실무자
    협업 프로젝트
  4. 취업 성공 끝까지 함께
    취업 연계
    취업 컨설팅 +
    채용 연계

성과를 인정하는 다양한 리워드 제공

전담
취업지원팀이
끝까지 함께

  • 기업별
    면접 족보
    공개
  • 이력·자소서
    1:1 첨삭
  • 기업별
    예상 질문
    집중 대비
  • AI 면접 +
    실전 모의면접
  • 1:1 맞춤
    취업 전략
    분석

취업
지원하고
성과
증명까지

공식
디지털 배지
  • 프로젝트 발표 &
    수상 기회
  • 공모전·박람회 지원
  • 무료 컨퍼런스 제공
기초가 없어도 따라올 수 있습니다.
1 사전 수업 스타트 캠프

수업 시작 전, 사전 교육으로 기초 쌓기!
비전공자도 뒤처질 걱정 NO

사전 수업 스타트 캠프
2 스터디 크루 & 전문 튜터 지원

혼자서 막막하지 않도록!
스터디 크루 운영과 전문 튜터의 밀착 지원

스터디 크루 & 전문 튜터 지원
3 실무에 바로 연결되는 프로젝트

현직 실무자와 함께 진행하는 프로젝트!
기업 기준에 맞춘 기획·제작·피드백 과정 경험

실무에 바로 연결되는 프로젝트
4 취업 성공 캠프

이력서·포트폴리오·면접까지!
단계별 취업 지원 프로그램 제공

취업 성공 캠프

남들 혼자 준비하며 겪을 시행착오,
단 한번에 끝내고 취업합니다.

훈련수당 적용 시,
교육비 자기부담금 O원
정책 변경으로 자부담 10%가 생겼어요.

하지만,
매달 받는 훈련수당으로 →
교육비 자기부담금은 O원

자부담 10%
(최대 60만원)
교육비 자기부담금 O원
K-디지털·국기·취준생 국비지원
매월 훈련수당
20~80만원 지급
(6개월 기준 최대 480만원)
※ 개인별 지급액은 상이할 수 있습니다.
  • 50+
    협력기업
    취업연계

  • 희망 기업 맞춤
    예상 질문 &
    모의 면접

  • AI Tool
    사용 혜택
    제공

  • 500만원 상당
    AI+ 실무 활용
    온라인 강의

  • 온라인
    학습 시스템
    제공 (LMS)

  • 교육과정
    관련
    교재 제공

※ 지점별 혜택은 상이할 수 있습니다.

선배에게 들어요!

웹 디자이너란?
웹 브라우저가 해석하고 그래픽 사용자
인터페이스 (GUI)로 보여 주기에 알맞은
마크업 언어 형식으로 인터넷을 통해
전자 매체콘텐츠 전달의 개념을 정하고 계획하고
모델로 만들어 실행하는 과정이다.
웹 디자인의 목적은 웹 사이트를 만드는 것이다.
UX/UI란?
사용자 경험 디자인(User Experience Design, UX)
사용자가 제품,서비스 혹은 시스템을 사용하거나
체험하는 데 있어 상호교감적인 모델을 창조하고
개발하는 디자인의 한 분야이다.
사용자 인터페이스 또는 유저 인터페이스(User Interface, UI)는 사람(사용자)과 사물
또는 시스템, 기계, 컴퓨터 프로그램 등 사이에서
의사소통을 할 수 있도록 일시적 또는 영구적인 가상적 매개체를 뜻한다.
프론트엔드 개발자란?
웹사이트나 앱 등의 사용자 인터페이스(UI)를
개발하는 분야로 사용자가 직접 보고
상호작용하는 웹사이트의 시각적 요소를
담당하는 개발자를 프론트엔드(Frontend)
개발자라고 하며, 이들은 HTML, CSS,
JavaScript와 같은 언어를 사용하여
사용자 인터페이스(UI)와 사용자 경험(UX)을 극대화하는 데 중점을 둡니다.
퍼블리셔와 프론트엔드의
차이는 무엇인가요?
보통 퍼블리셔는 HTML,css로 정적 페이지를
주로 다루는 경우가 많으며, 시안을 코드로
변환하고 반응형, 웹 접근성, 크로스 브라우징을
고려한 작업을 수행합니다.
프론트엔드는 HTML, CSS, JavaScript(ES6+) 등
웹 기술을 사용하며, React, Vue.js, Angular와
같은 프레임워크 등을 활용하여 데이터 처리와
클라이언트-서버 간의 통신을 다루는 등 상호작용을 구현합니다.
웹 에이전시와
인하우스
어떤곳이 좋나요?
웹 에이전시의 장점으로는 다양한 경험을 할수 있고, 사회초년생이나 1-2년차 일때 다양한 주제로 작업을 하면서 본인이 잘 맞는 분야를 찾을수 있고, 포트폴리오가 굉장히 다양해진다. 단점으로는, 야근이나 주말 출근등으로 업무강도가 높은 편이고, 급여가 적은편인것 같다 인하우스의 경우 장기프로젝트등을 경험 할수 있고, 에이전시에 비해서 급여가 좋은편이고, 워라밸을 누릴수 있다. 하지만, 에이전시에 비해 회의가 많고, 개인적인 공부가 필요하다. 파트별로 전문성을 높여야하기 때문에 공부를 많이해야한다.
디자이너는
대학교 졸업?
전공 필수인가요?
컴퓨터학원 웹 디자인반 6개월반 정도를 이수하면, 신입 디자이너 정도 역량은 갖추어 진다고 본다. 현업에서 대부분 포토샵과 일러스트로 작업을 하기때문이다. 미대 전공 또는 학력과는 전혀 상관이 없다. 그렇다고 학원만 다녀서 취업이 된다는 소리는 아니고, 취업에서 가장 중요한 포트폴리오를 열심히 만들어야 한다.
예술감각이 없어도
웹디자이너
가능한가요?
예술 감각이 꼭 필수 조건은 아니라고 본다. 충분한 연습을 통해 감각을 익힐수 있다고 생각한다. 신입일때 감각이 없어도, 포토샵이라는 프로그램을 통해 벤치마킹을 하여, 변형해서 조금씩 작업 스킬을 업 시켰었다.
포트폴리오 어떻게 준비해야 하나요?
신입의 경우에는 가고 싶은 회사를 정하고, 가고 싶어 하는 회사의 분야에 따라 포트폴리오를 제작하는게 경쟁력이 있다. 예를들어 광고회사의 웹디자이너를 지원하게 된다면, 그 회사에서 광고하였던 프로모션 페이지를 리디자인 한다거나, 홈페이지의 개선사항들을 적용해서 포트폴리오를 완성한다면, 면접관에게 임팩트를 줄수 있어 취업의 문에 더 가까워 지지 않을까 싶다.

수강후기

  • 취업까지 생각해주는 강의였어요
    - 지○원

    단순히 수업만 하는 게 아니라 취업까지 생각해서 알려주시는 게 느껴졌어요! 포트폴리오 방향이나 실무에서 어떻게 쓰이는지도 계속 설명해주셔서 좋았어용ㅎㅎ 강사님 덕분에 자신감도 많이 생겼답니당~~ 제 취업까지 생각해주셨던 선생님은 천사예요ㅜㅜ 현명쌤 감사합니다 ㅎㅎ

  • 인천캠퍼스 UIUX 강의 고민하지마세요!
    - 임○예

    시흥 근처에서 알아보다가 선택지가 많지 않아서 고민이 있었는데 수업 들어보니 왜 여기까지 오는지 알겠더라고요. 강사님 피드백이 굉장히 구체적이고 실무 기준이라 도움이 많이 됐습니다. 거리보다 중요한 건 수업 퀄리티라는 걸 느꼈습니다.

  • 인천캠퍼스 강현명 강사님 최고예요~!!!
    - 유○희

    중간에 좀 어려워서 포기할까 고민했는데 강현명 강사님이 계속 잡아주셔서 끝까지 올 수 있었어요ㅠㅠ 질문도 편하게 할 수 있는 분위기라 너무 좋았고, 설명도 이해 잘 되게 해주셔서 도움이 많이 됐습니다! 진짜 잘 가르쳐주시는 느낌이었어요, 선생님 감사해요!!

  • 실무 중심 교육으로 만족도가 높았습니다
    - 박○훈

    UIUX 디자인 이론뿐만 아니라 실제 프로젝트 중심으로 진행되어 매우 유익했습니다. 특히 사용자 흐름을 고려한 설계 방식과 프론트엔드 기초까지 함께 배울 수 있어 좋았습니다. 포트폴리오 완성까지 체계적으로 지도해주셔서 취업 준비에 많은 도움이 되었습니다.

  • 진짜 재밌게 배우면서 성장했어요
    - 이○연

    처음에는 그냥 디자인 배우고 싶어서 시작했는데 점점 웹사이트 만드는 게 너무 재밌어졌어요!! 직접 만든 결과물이 눈에 보이니까 뿌듯함이 장난 아니고요… 강사님도 피드백 엄청 꼼꼼하게 해주셔서 실력 확 늘었어요! UIUX 고민 중이면 무조건 추천입니다!!

  • 좋은 퀄리티의 UIUX 강의 감사합니다!
    - 고○진

    짧은 수강기간에도 불구하고 많은 기초 지식을 습득했고 이를 활용하여 혼자서도 충분히 작업 할 수 있는 능력이 길러졌다고 생각한다. 이를 기반으로 취업까지 긴장을 늦추지 않고 노력하려 한다.

  • 인천 최고 UIUX 강사님임다
    - 박○지

    강사님도 너무 좋은 분이셨고 같이 수업 들은 분들도 다들 좋은 분들이셔서 즐겁게 수업을 들으러 다닐 수 있었습니다. 백지에서 시작해 짧은 시간 내에 많은 것을 배우는 것이 처음엔 벅찼지만 지금은 이 강의를 듣게 된 게 행운이었다고 생각해요.

  • 인천캠퍼스 강OO선생님 최고예요
    - 김○원

    이 훈련을 통해 만나게 된 선생님은 너무 열정적이시고, 저희에게 새로운 트렌드를 많이 읽을 수 있도록 도움을 주셨습니다! 이 강사님을 추천드리고 후회 없을 실 것입니다!

  • [인천] UIUX 과정 수강 후기남깁니다!!
    - 강○규

    국비지원으로 UIUX 디자인 & 프론트엔드 교육을 약 5개월간 수강하고 무사히 수료까지 마쳤습니다. 처음 이 과정을 시작할 때는 막연한 기대와 함께 걱정도 많았지만, 시간이 지날수록 강사님의 열정적인 강의 덕분에 점점 자신감을 얻게 되었습니다. 무엇보다 좋았던 점은 강사님께서 한 명 한 명의 수준과 성향을 정확히 파악하시고, 그에 맞게 피드백을 주셨다는 점입니다. 저의 강점은 잘 살려주시고, 부족한 부분은 구체적으로 짚어주셔서 어떤 점을 보완해야 할지 분명하게 알 수 있었습니다. 단순히 기술을 가르치는 것이 아니라, 실무에서 실제로 어떤 방식으로 작업이 이루어지는지 실질적인 조언들을 아낌없이 해주셔서 큰 도움이 되었습니다. 수업은 기초적인 HTML, CSS, JavaScript는 물론, UI/UX 설계, Figma 활용, 반응형 웹, Git을 활용한 협업 등 전반적인 실무 역량을 쌓을 수 있는 방향으로 구성되어 있었습니다. 특히 다양한 프로젝트를 통해 직접 손으로 부딪히며 배우는 시간이 많았기에, 수료 이후에도 포트폴리오와 실전 감각을 갖출 수 있었습니다. 누구보다 친절하게, 그리고 열정적으로 이끌어주신 강사님께 감사드리며, 앞으로도 이 수업에서 배운 것들을 기반으로 계속해서 성장해나가고 싶습니다. UIUX와 퍼블리싱에 관심이 있는 분들께 진심으로 추천드립니다.

  • 2025-06-26 ~2025-12-17 UXUI디자인&웹기획 프론트엔드 부트캠프
    - 4○수료생

    6개월 짧기도 길기도 길었지만 율희선생님은 항상 학생들을 신경쓰시며 밤늦게 해주셨었습니다 피드백도 잘해주시며 목적이분명한 분들은 수강하면 만족하실것같습니다. 그동안 감사했습니다

UX/UI 웹디자인 프론트엔드

UX/UI 웹디자인 프론트엔드 취업완성패스

 
개강일까지
🔥 D-11 경력같은 신입, 결과는 실무 2년차급 프로젝트!

10초 안내받기

원하시는 과정을 선택하시면 1:1 상담을 진행해드립니다.

지점선택

학과 및 교육과정 선택

지점을 선택해 주세요.

신청자

빠른 안내 전화 문의 031)502-2631
개인정보수집 및 이용에 대한 동의

(주)이젠아카데미가 운영하는 이젠아카데미컴퓨터학원 및 계열 브랜드 웹&모바일 사이트에 대하여 상담 및 이용자가 원하는 서비스를 충족시키기 위해 아래와 같은 개인정보를 수집하고 있습니다.

1. 수집하는 개인정보 항목 및 수집방법
(1) 수집항목
필수: 캠퍼스, 상담과목, 이름, 전화번호
선택입력: 아이디, 생년월일, 성별, 제목, 내용, 사진 등
(2) 개인정보 수집 방법 : 웹&모바일 홈페이지(온라인상담신청, 수강료조회, 내일배움카드제(계좌제)조회, 고용보험환급, 재직자국비과정조회, 시간표조회, 지점별 위치조회, 위탁교육문의 등), 서면양식 외


2. 수집한 개인정보의 이용
(1) 이용자가 제공한 모든 정보는 교육 서비스 제공, 이벤트 안내 등 필요한 용도로만 사용되며, 전화, SMS, 카카오톡 등으로 받아보실 수 있습니다. 목적이 변경될 시에는 사전에 동의를 구합니다.


3. 개인정보의 보유 · 이용기간 및 폐기
모든 검토가 완료된 후 5년간 이용자의 조회를 위하여 보관하며, 이 후 해당정보를 지체없이 파기합니다.


4. 동의를 거부할 권리가 있다는 사실과 동의 거부에 따른 불이익 내용
이용자는 (주)이젠아카데미가 운영하는 컴퓨터학원 및 계열 브랜드 웹&모바일 사이트에서 수집하는 개인정보에 대해 동의를 거부할 권리가 있으며 동의 거부 시에는 회원가입 및 인터넷 수강료 조회, 온라인 상담 등의 홈페이지 서비스가 일부 제한됩니다.

그 밖의 사항은 <개인정보 처리방침>을 준수합니다.