수원 이젠아카데미컴퓨터학원 - UI UX 피그마 React.js

UI UX 피그마 React.js

1차 개강일
24년 12월 24일(화)
2차 개강일
25년 01월 07일(화)

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

교육기간
정규 5개월 취준생/디자인 입문/초보자
수강료

국기과정 전액지원

실업자과정 최대100%지원

취업분야
웹디자이너, 웹 퍼블리셔, UI/UX 디자인

지금 신청하면 모든 온라인강의0원이라고?

간편 회원 가입만으로도 1400만원 상당의 온라인 강의가 0원

2개월 프리패스 제공
0원 강의
안내받기

피그마를 활용한 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. 포트폴리오
    • 반응형 웹
    • 메인 디자인
    • 모바일 디자인
    • 프론트엔드 개발

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

  • Web Design/Publisher모바일 UIUX 반응형
    웹디자인(웹퍼블리셔)
    발표회 및 수료식

    모바일 UIUX 반응형 웹디자인
    수료를 축하드립니다.

    수강생 만족도
    4.7/5
    자세히 보기
  • [디지털디자인]모바일 UIUX 반응형
    웹디자인(웹퍼블리셔)
    발표회 및 수료식

    모바일 UIUX 반응형 웹디자인(웹퍼블리셔)
    수료를 축하드립니다.

    수강생 만족도
    4.7/5
    자세히 보기
  • 인터랙티브 웹디자인 &
    퍼블리싱
    발표회 및 수료식

    인터랙티브 웹디자인 & 퍼블리싱
    수료를 축하드립니다.

    수강생 만족도
    4.8/5
    자세히 보기
  • Interactive Web[NCS] 인터렉티브
    웹 디자인
    발표회 및 수료식

    [NCS] 인터렉티브 웹디자인
    수료를 축하드립니다.

    수강생 만족도
    4.6/5
    자세히 보기
  • Web UI/UX Design 웹UI/UX 디자인
    발표회 및 수료식

    [NCS]스마트기기 웹 UI/UX 디자인 과정
    수료를 축하드립니다.

    수강생 만족도
    4.6/5
    자세히 보기
Figma Front-end

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

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

관련 자격증 취득이 가능합니다.

  • GTQ 포토샵Graphic Technology Qualification Photoshop

    전국 23만 합격생이 이젠에서 자격증을 합격!
    관련분야 졸업/취업, 이직을 희망하신다면 자격증 취득 시에 더욱 유리합니다. 초라한 이력서보다 필수
    핵심 자격증이 신입/경력사원의 가치를 높입니다.

    자세히 보기
  • 웹디자인기능사Craftsman Web Design

    전국 23만 합격생이 이젠에서 자격증을 합격!
    관련분야 졸업/취업, 이직을 희망하신다면 자격증 취득 시에 더욱 유리합니다. 초라한 이력서보다 필수
    핵심 자격증이 신입/경력사원의 가치를 높입니다.

    자세히 보기
  • GTQi 일러스트Graphic Technology Qualification Illustrator

    전국 23만 합격생이 이젠에서 자격증을 합격!
    관련분야 졸업/취업, 이직을 희망하신다면 자격증 취득 시에 더욱 유리합니다. 초라한 이력서보다 필수
    핵심 자격증이 신입/경력사원의 가치를 높입니다.

    자세히 보기
  • 시각디자인산업기사/기사Industrial Engineer/Engineer Visual Communication Design

    전국 23만 합격생이 이젠에서 자격증을 합격!
    관련분야 졸업/취업, 이직을 희망하신다면 자격증 취득 시에 더욱 유리합니다. 초라한 이력서보다 필수
    핵심 자격증이 신입/경력사원의 가치를 높입니다.

    자세히 보기
  • 컬러리스트산업기사/기사Industrial Engineer/Engineer Colorist

    전국 23만 합격생이 이젠에서 자격증을 합격!
    관련분야 졸업/취업, 이직을 희망하신다면 자격증 취득 시에 더욱 유리합니다. 초라한 이력서보다 필수
    핵심 자격증이 신입/경력사원의 가치를 높입니다.

    자세히 보기
  • 컴퓨터그래픽스운용기능사Craftsman Computer Graphics Operation

    전국 23만 합격생이 이젠에서 자격증을 합격!
    관련분야 졸업/취업, 이직을 희망하신다면 자격증 취득 시에 더욱 유리합니다. 초라한 이력서보다 필수
    핵심 자격증이 신입/경력사원의 가치를 높입니다.

    자세히 보기

선배에게 들어요!

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

수강후기

  • 웹과정 강남지점후기
    - 홍○윤

    6개월 내에 배우기 많은 내용이여서 혼자서 공부를 해야 진도를 맞춰 따라갈수 있음 배우는양은 많은편 진도도 매우 빠른게 장점이자 단점이다 열심히 하면 짧은시간안에 많은걸 배울수 있다.

  • 스마트웹콘텐츠 수강후기(이젠강남)
    - 박○영

    처음 시작은 너무 어려웠습니다. 강사님 수업은 너무 빠르고 배워야할 과정은 많았기 때문에 더 어려움을 느꼈습니다. 하지만 수업을 들을수록 성장하는 제 자신을 볼수있었습니다. 강사님의 실무 위주의 가르침은 처음엔 이해가 안가고 어려웠지만, 수료할때쯤 비로소 그게 바로 취직을 해야하는 저희를 생각해서 진행해야 했음을 깨달았습니다. 덕분에 다양한 실무 위주의 스킬과 여러 가르침을 배울수있었습니다. 짧은 기간내에 많은 가르침 받을 수 있어서 좋았습니다.

  • UIUX웹앱디자인,프론트엔드
    - 김○O

    비록 제가 비전공이었지만 전공자들을 따라갈수 있을 만큼의 지도를 해주셔서 막히는거없이 잘되었습니다. 앞으로도 지금까지 가르처 주신걸 더 잘다듬어 취업에 힘을 입어보겠습니다 감사합니다.

  • UIUX 웹앱디자인(피그마[Figma]) & 프론트엔드(react.js)_D
    - 임○영선생님수강생

    강남 EZEN DX센터에서 스마트 웹콘텐츠 UIUX디자인 & 프론트엔드 교육과정을 수료했고, 임자영 선생님 담당반이였습니다. 실무에 가까운 수업 과정과 수강생 한 명 한 명 작업물에 대해 피드백 해주시고 포트폴리오 디자인 방향성도 잡아주셨습니다. 그 밖에도 선생님이 직접 준비한 여러 예제들, 인터랙션 등을 익히며 단기간에 급성장 할 수 있었고, 성공적으로 마음에 드는 회사에 취업할 수 있었습니다. 만약 웹 퍼블리셔를 꿈꾸는 지인이 있다면 망설이지 않고 권할 정도로 아주 만족스러운 훈련이였고, 선생님의 열정적인 태도 덕분에 저도 더 열심히 준비할 수 있었습니다. 강남 EZEN DX센터 임자영 선생님한테 다시 한 번 감사드리고 이 훈련 과정을 접하게 되어 기쁩니다!

  • 강남캠퍼스 웹UI/UX프론트엔드 수강후기
    - 엄○O

    맞춤법 검사를 원하는 단어나 문장을 입력해 주세요. 선생님이 수업하시는 스타일은 여러 예시를 반복해 주시고, 질문하면 친절하게 알려주십니다. (6개월 동안 한 번도 짜증을 내시지 않았습니다.) 코딩 처음 하시는 분은 도움이 많이 될 거 같습니다 :) 수강이 종료되었음에도 불구하고 포폴을 만들어야 하는 학생들에게 완성하는 기간을 한 달이라는 시간을 약속했는데요, 그때까지 선생님이 질문을 받아주시고 봐주신다고 했습니다. 끝까지 도움을 주시려고 해서 감동이었습니다. ㅠㅠ 다만 아쉬웠던 건 생각보다 6개월이란 시간이 엄청 짧습니다. 이제 조금 알아 갈 때쯤 학원 수업이 종료라서 아쉽지만 끝까지 열심히 알려주신 선생님께 감사합니다.

  • 웹 ui/ux디자인 강남지점 수강후기!
    - 김○림

    이 수업 듣기 전에는 아는 것이 하나도 없었는데 종강 후에 되돌아보니 전보다 많은 것을 할 수 있게 되었습니다. 배우는 속도도 느리고 중간에 포기하고 싶었던 적도 많았지만 선생님께서 긍정적인 말씀도 해주시고 수업을 알기 쉽게 설명 해주셔서 무사히 수료할 수 있었습니다. 선생님께서 하시는 다른 수업이 있다면 또 배우고 싶어요. 취업상담지원도 잘 되어 있고, 주변에 ui/ux디자인과 코딩을 시작하려는 사람이 있다면 이 수업을 꼭 추천하고 싶습니다. 강사님 그동안 감사했습니다. 마무리 잘 하고 좋은 결과 얻어서 찾아뵐게요 ^^

  • 모바일웹디자인 수강후기(종로)
    - 김○아

    포트폴리오 퀄리티가 높게 나올 수 있어서 좋았습니다! 면접 시 이 부분이 높게 평가되는 것 같아요. 선생님이 하라고 한 대로만 했는데, 노베이스에서 취업까지 성공했습니다. 감사합니다!

  • 모바일 웹 & 앱디자인 종로 후기~!!!
    - 박○연

    선생님이 진짜 열정적이십니다! 코딩은 정말 처음 시작했는데 따라하기 쉽게 알려주셔서 좋았고 여러 예시들을 함께 작업할 수 있어서 포트폴리오 만들면서 도움이 정말 많이 됐어요. 이론적인 내용 외에도 면접 시험 준비 등에 대해서도 알려주셔서 앞으로의 계획을 보다 뚜렷하게 잡을 수 있었어요.

  • 종로캠퍼스 웹디자인 후기
    - 김○지

    5개월동안 디자인과 코딩에 대한 기초적인 내용부터 심화적인 내용까지 배울 수 있어서 좋았습니다. 또한 ncs 기반의 실무 중심 교육과 훈련으로 웹디자이너 및 웹퍼블리셔로서 취업을 위한 발돋움을 하기에 매우 적합했다고 생각합니다. 열정적인 강사님과 학원을 만난 덕분에 좋은 포트폴리오와 자격증이라는 결과물을 두개나 얻을 수 있어서 이 훈련 과정에 정말 만족하고 있습니다.

  • UIUX 수업 만족합니다~
    - 변○지

    선생님 말씀도 넘 잘하시고 특히 수업이 귀에 쏙쏙 들어와요~ 질문도 다 받아주시고 좋았습니다!

커리큘럼

  1. 1

    Design 기초

    • Figma 기초 : 클라우드 기반 디자인 및 협업, 프로토타이핑도구
    • 포토샵 기초 : 이미지 편집의 기본
  2. 2

    UX/UI 디자인

    • Figma를 통한 App & Web Ul Desig 및 ProtoType제작
    • 피그마 기초와 고급 기능
    • 프로토타이핑과 사용성 테스트
  3. 3

    UI/UX 프로세스 이론 및 실습
    (팀 프로젝트)

    • 사용자 조사 분석
    • 경쟁사 조사 분석
    • 아이데이션(브레인스토밍, 스케치, 스토리보드, 컨셉 맵핑 등)
    • 와이어프레임 및 프로토타이핑(아이디어를 구체화하고 초기 디자인 개념)
    • 프로토타입 제작과 사용성 테스트
  4. 4

    html/css (반응형웹 제작 클론코딩)

    • 반응형 웹 디자인과 클론 코딩 (HTML/CSS 실무 활용)
  5. 5

    JavaScript(인터렉션 & 인터렉티브웹 구현, ScrollTrigger)

    • JavaScript 기초 및 동적 웹 개발 (JavaScript의 핵심 개념 학습)
    • GSAP와 ScrollTrigger 활용 애니메이션(타임라인 관리, 애니메이션 시퀀싱, 트리거 포인트 설정 등 고급 기술 습득)
  6. 6

    React.js기초

    • React.js(컴포넌트 & To Do List App제작)
    • React.js의 기본 원리
    • 상태 관리와 리액트 훅
    • To Do List App 컨포넌트제작 실습을 통해 결과물 산출
  7. 7

    프로젝트 제작

    • 프로젝트 기획 및 전략
    • 퍼스널 브랜딩 전략
    • 포트폴리오 구성 요소 설계
    • 인터랙티브 웹 프로젝트 제작
 
 

UI UX 피그마 React.js

12.24(화)
전화문의이젠
1544-8147

취업 컨설팅

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

지점선택

학과 및 교육과정 선택

지점을 선택해 주세요.

신청자

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

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

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


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


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


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

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