이젠아카데미컴퓨터학원 인천캠퍼스 - UIUX 웹디자인&프론트엔드 (피그마,React.js)

UIUX 웹디자인&프론트엔드
(피그마,React.js)

1차 개강일
26년 05월 19일(화)
2차 개강일
26년 06월 02일(화)

고용24 국민내일배움카드 훈련과정명은
UI UX 피그마 React.js입니다.

교육 기간, 교육비 과정안내

바 로 가 기 바 로 가 기
교육기간
정규 5개월 취준생/디자인 입문/초보자

교육비

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

피그마를 활용한 UI/UX 기획과
설계부터 프론트엔드 구현까지
UI UX 웹 앱디자인(피그마) &
프론트엔드(react.js) 과정이란?

UI 디자인 스케치, 프로토타이핑 및 협업을 위한 디자인 도구 피그마의 사용법과
스마트기기에 적용 가능한 서비스에 대하여 사용자 경험과 니즈를 분석하여
정보설계, UI설계, 화면설계 등을 구현할 수 있습니다.
Start now

      Figma Web Design
    • UI UX 기획
    • 사용자 리서치
    • 피그마 Figma
    • 2D 디자인
    • 프로토타입 설계
    • 디자인 Handoff
      React.js & Publishing
    • HTML, CSS
    • JavaScript
    • React.js
    • jQuery
    • Library
    • Publishing

세계가 주목하는 UI/UX 툴, 피그마
UI 디자인 스케치, 프로토타이핑 및
협업을 위한 Figma의 기본 사용법,
실무 활용법에 대해 교육합니다.

Figma(피그마) 기획부터 디자인,
프로토타입 개념 잡고, 실전까지 완전 정복
  • Figma(피그마) : 웹 기반 프로그램으로 별도의 프로그램 설치 없이,
    웹 브라우저에서 바로 실행이 가능한 UI UX 디자인 및 협업 툴
  • 화면 설계 : 피그마에서 UI UX를 기획하고 와이어 프레임을 구성하고,
    프로토타입 (lo-fi,high-fi) 설계가 가능
  • Hand-off : 디자이너가 개발자에게 디자인 파일 및 이미지의 크기,
    위치, 색상 정보, 폰트 정보 등 다양한 정보를 전달하는 과정으로
    피그마에서 Hand-0ff하여 개발자와의 커뮤니케이션이 가능
  • UX/UI 디자인에서 가장 기초가 되는 부분을 중심으로, 실무에 필요한 기본기를
    탄탄하게 가르쳐드립니다.
  • 수강생들이 강의 내용을 이해하고 본인의 실력으로 만들어 갈 수 있도록 서포트 합니다.
  • 실습을 통해 내가 배운 내용을 눈에 보이는 결과물(포트폴리오)로 챙겨가세요.
  • 최신 트렌드를 반영한 커리큘럼으로 진행되는 강의!
    현업에서 적용 가능한 노하우를 학습합니다.
  1. UI UX 기획,리서치
  2. FIGMA 프로토타입 설계, 디자인
  3. Front-end
  4. 포트폴리오
    • 반응형 웹
    • 메인 디자인
    • 모바일 디자인
    • 프론트엔드 개발

학문과 실무를 잇는 UI/UX·브랜딩 전문가
UI/UX 기획부터 브랜딩까지, 연구와 현장을 아우르는 디자인 강의

Figma·BX·UIUX·그래픽·3D 디자인 기반, 프로젝트 중심 교육 전문가

김안나 강사

프로젝트 경험 (프로젝트 리드 경험 다수)

김안나 강사
  • 실무 중심의 수업
    • 실제 클라이언트 협업과 스타트업 운영 경험을 반영하여, 프로젝트 기반 실습과 포트폴리오 제작을 지도합니다.
  • 주요 경력
    • 알렉시스리얼리티 UI/UX 강의 및 포트폴리오 지도 한국IT직업전문학교 대학 강의(프로덕트·브랜딩 디자인)
    • (사)한국브랜드디자인학회 사무이사 디자인 에이전시 창업 및 프로젝트 운영
  • 강의 핵심 전략
    • 학문적 연구와 실무 경험을 결합한 교육 설계, 최신 디자인 툴(Figma, Illustrator, Blender) 활용, 실무형 프로젝트와 맞춤형 피드백 제공
김안나 강사Rating & Reviews
5/5

전반적 만족도

★ 5.0

과제 및 피드백

★ 4.9

취업 가능성

★ 5.0

과정 현장지향

★ 5.0

과정 실무연계

★ 5.0

박O규

★ 4.9

김안나 강사님의 수업은 단순히 디자인 툴을 배우는 수업이 아니었습니다. 실제 클라이언트 프로젝트를 어떻게 기획하고 진행해야 하는지, 그리고 결과물을 어떻게 포트폴리오로 완성할 수 있는지까지 체계적으로 배울 수 있었어요. 덕분에 제 포트폴리오가 단순한 결과물이 아니라 스토리와 기획 의도가 담긴 작품이 되었습니다.

이O민

★ 4.9

강사님은 항상 학생 개개인의 상황을 이해하고, 맞춤형 피드백을 주셨습니다. 실무에서 바로 활용할 수 있는 사례와 본인이 직접 경험하신 프로젝트 과정을 공유해 주셔서, 혼자 공부할 때는 몰랐던 실질적인 팁을 얻을 수 있었습니다. 수업 이후에는 디자인 결과물을 설명할 때 전문가처럼 논리적으로 말할 수 있게 되었습니다.

윤O수

★ 3

팀 프로젝트를 통해 협업하면서 김안나 강사님께서 강조하신 커뮤니케이션 방법과 역할 분담의 중요성을 배울 수 있었습니다. 덕분에 결과물도 잘 나왔지만, 무엇보다도 ‘실제 회사에서 어떻게 협업해야 하는지’ 감을 잡을 수 있었던 게 큰 수확이었습니다. 이 경험이 앞으로 취업 준비 과정에서 큰 무기가 될 것 같습니다.

다른 곳과는 다른 진짜 실무 교육
수강생들이 완성한 프로젝트입니다.

1Million Redesign
1Million Redesign
  1. 피그마
  2. Midjourney
  3. 어도비 일러스트
  4. 어도비 포토샵
  5. HTML
  6. css
DUGOUT App Design
DUGOUT App Design
  1. 피그마
  2. ChatGPT
  3. 구글 제미나이(Google Gemini)
  4. Midjourney
  5. React
  6. 비쥬얼 스튜디오
paparecipe Redesign
paparecipe Redesign
  1. 피그마
  2. 구글 제미나이(Google Gemini)
  3. Midjourney
  4. 어도비 포토샵
  5. HTML
  6. css
  7. js
  8. 비쥬얼 스튜디오
force1 app Design
force1 app Design
  1. 피그마
  2. ChatGPT
  3. 구글 제미나이(Google Gemini)
  4. Midjourney
  5. React
  6. 비쥬얼 스튜디오
더보기
Figma Front-end

UI UX 프로토타입 설계부터
프론트엔드 개발 능력까지 갖춘
기업에서 탐내는 인재로 성장!

실제 프로토타이핑과 핸드오프 등 협업 실무 과정까지 학습하며,
실시간 협업 기능으로 커뮤니케이션 효율을 높이고 생산성있게
작업하는 방법을 익혀보세요!

완벽한 취업 연계!

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개월반 정도를 이수하면, 신입 디자이너 정도 역량은 갖추어 진다고 본다. 현업에서 대부분 포토샵과 일러스트로 작업을 하기때문이다. 미대 전공 또는 학력과는 전혀 상관이 없다. 그렇다고 학원만 다녀서 취업이 된다는 소리는 아니고, 취업에서 가장 중요한 포트폴리오를 열심히 만들어야 한다.
예술감각이 없어도
웹디자이너
가능한가요?
예술 감각이 꼭 필수 조건은 아니라고 본다. 충분한 연습을 통해 감각을 익힐수 있다고 생각한다. 신입일때 감각이 없어도, 포토샵이라는 프로그램을 통해 벤치마킹을 하여, 변형해서 조금씩 작업 스킬을 업 시켰었다.
포트폴리오 어떻게 준비해야 하나요?
신입의 경우에는 가고 싶은 회사를 정하고, 가고 싶어 하는 회사의 분야에 따라 포트폴리오를 제작하는게 경쟁력이 있다. 예를들어 광고회사의 웹디자이너를 지원하게 된다면, 그 회사에서 광고하였던 프로모션 페이지를 리디자인 한다거나, 홈페이지의 개선사항들을 적용해서 포트폴리오를 완성한다면, 면접관에게 임팩트를 줄수 있어 취업의 문에 더 가까워 지지 않을까 싶다.

취업 컨설팅

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

지점선택

학과 및 교육과정 선택

지점을 선택해 주세요.

신청자

빠른 안내 전화 문의 032-719-4074
개인정보수집 및 이용에 대한 동의

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

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


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


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


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

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