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

UI UX 피그마 React.js

1차 개강일
23년 01월 31일(화)
2차 개강일
23년 02월 07일(화)
  • 웹디자인
  • 프로토타이핑
  • UX
  • UI
  • HTML
  • 피그마(Figma)
  • AdobeXD
  • React.js
  • front-end
교육기간
정규 5개월 취준생/디자인 입문/초보자
수강료

국기과정 전액지원

실업자과정 최대100%지원

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

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

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

  • [디지털디자인]모바일 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
    자세히 보기
  • Web Design/Publisher 웹디자인/웹퍼블리셔
    양성과정
    발표회 및 수료식

    웹디자인/웹퍼블리셔 양성과정
    수료를 축하드립니다.

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

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

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

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

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

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

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

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

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

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

    자세히 보기
  • GTQ 포토샵Graphic Technology Qualification Photoshop

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

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

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

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

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

    자세히 보기

선배에게 들어요!

웹디자이너가
하는일은?
대체로 광범위 하긴하지만 간단히 정리하면,
웹&모바일 사이트에 들어가는 모든 구성 요소를
작업한다. 네이버 블로그 또는 페이스북등 소셜관련해서도 작업하게 된다.
그리고 중소기업의 경우에는 웹 디자이너라도 오프라인쪽 작업들을 하게 된다.
예를 들어 브로슈어, 명함, 버스나 지하철 같은 랩핑광고 등 작업 분야가 다양하다.
웹퍼블리셔가
하는일은?
웹 퍼블리셔의 수행 직무는 웹디자이너, 웹개발자, 웹기획자 등과 웹사이트의 제작 및 진행방향 등에 대해 협업한다. 웹디자이너의 디자인 작업물을 Html,css,Javascript,jQuery 등을 이용해 웹 표준, 웹 접근성, 크로스 브라우징 등 원칙에 맞추어 코딩한다.
프론트엔드 개발자가
하는일은?
사용자 (Client 클라이언트) 가 직접 사용하는 화면의 개발을 말합니다. 실제 사용자들이 원활하게 서비스를 이용하기 위해 화면에 대한 내용 및 비지니스처리, 화면 효과등을 결국 서버 단의 개발을 제외한, 외적인 요소를 개발하는 직무를 통틀어 프론트 엔드라고 합니다.
퍼블리셔와 프론트엔드의
차이는 무엇인가요?
웹 퍼블리셔라는 직종은 우리나라에만 존재한다. 웹 퍼블리셔는 Html,css를 주로 다루고, Javascript,jQuery를 이용하여 화면 동작 제어를 한다. 여기서 더 나아가 데이터 연결 및 요청, 출력 업무등을 하는것을 프론트엔드 개발자가 하는 일이라고 역할이 구분된다. 명칭의 차이일 뿐, 퍼블리셔나 프론트엔드 개발자나 똑같은 클라이언트 단을 개발하는 직종이다. 다만 프론트엔드 개발자에게 요구되는 기술적 범위가 더욱 넓다.
웹 에이전시와
인하우스
어떤곳이 좋나요?
웹 에이전시의 장점으로는 다양한 경험을 할수 있고, 사회초년생이나 1-2년차 일때 다양한 주제로 작업을 하면서 본인이 잘 맞는 분야를 찾을수 있고, 포트폴리오가 굉장히 다양해진다. 단점으로는, 야근이나 주말 출근등으로 업무강도가 높은 편이고, 급여가 적은편인것 같다 인하우스의 경우 장기프로젝트등을 경험 할수 있고, 에이전시에 비해서 급여가 좋은편이고, 워라밸을 누릴수 있다. 하지만, 에이전시에 비해 회의가 많고, 개인적인 공부가 필요하다. 파트별로 전문성을 높여야하기 때문에 공부를 많이해야한다.
디자이너는
대학교 졸업?
전공 필수인가요?
컴퓨터학원 웹 디자인반 6개월반 정도를 이수하면, 신입 디자이너 정도 역량은 갖추어 진다고 본다. 현업에서 대부분 포토샵과 일러스트로 작업을 하기때문이다. 미대 전공 또는 학력과는 전혀 상관이 없다. 그렇다고 학원만 다녀서 취업이 된다는 소리는 아니고, 취업에서 가장 중요한 포트폴리오를 열심히 만들어야 한다.
예술감각이 없어도
웹디자이너
가능한가요?
예술 감각이 꼭 필수 조건은 아니라고 본다. 충분한 연습을 통해 감각을 익힐수 있다고 생각한다. 신입일때 감각이 없어도, 포토샵이라는 프로그램을 통해 벤치마킹을 하여, 변형해서 조금씩 작업 스킬을 업 시켰었다.
포트폴리오 어떻게 준비해야 하나요?
신입의 경우에는 가고 싶은 회사를 정하고, 가고 싶어 하는 회사의 분야에 따라 포트폴리오를 제작하는게 경쟁력이 있다. 예를들어 광고회사의 웹디자이너를 지원하게 된다면, 그 회사에서 광고하였던 프로모션 페이지를 리디자인 한다거나, 홈페이지의 개선사항들을 적용해서 포트폴리오를 완성한다면, 면접관에게 임팩트를 줄수 있어 취업의 문에 더 가까워 지지 않을까 싶다.

수강후기

  • 강남 국비지원 웹개발 수강후기!!!
    - 박○호

    졸업학점을 채운 후 서울로 상경해서 처음 들은 국비 수업이었습니다. 전공이 수학이었고, 그래서 자바에 대한 지식은 얕았습니다. 하지만 수업을 들은 후 혼자서 프로젝트를 만들 수 있을 정도의 수준까지 올라왔고, 자바에 대한 흥미도 더욱 높아졌습니다. 가르쳐 주신 강사님들도 정말 좋았고, 수업에 관한 이야기 뿐만 아니라 저희에게 관심이 없다면 말해줄 수 없는 진로 및 방향성, 취직할 때 고려해야 할 점, 취직하고 나서 해야 할 것 등등 유익한 얘기들도 해주셨습니다. 저에겐 정말 유익한 수업이었고, 수강이 끝난 지금도 여운이 많이 남습니다.

  • 비전공자 웹프로그래밍 수강후기~~
    - 연○호

    웹&앱 과정을 들으면서 몰랐던 부분도 너무 많았는데, 강사님들이 잘도와주셔서 수월하게 수업을 들을 수 있었던거 같습니다. 너무 감사합니다.

  • 웹개발 훈련과정 강남캠퍼스 수강후기
    - 이○현

    새로운 것들을 배워서 무엇을 건의하고 무엇이 더 발전했으면 좋겠다는 생각이 딱히 생각나지 않는다. 그저 새로운 프로그래밍들의 지식과 언어들을 습득하기 바빴고, 충분히 교과 과정과 교강사님 및 시설들은 그런 나를 잘 도와주었다. 전반적으로 만족스러운 훈련 과정이었고 더 발전해서 취업할 수 있도록 매진하겠다. 좋은 기회를 만들어준 강사님 및 학원 관계자 분들에게 감사함을 표한다.

  • 웹개발 취업과정 추천해요.
    - 박○현

    다소 초반엔 따라가느라 힘이들었지만.. 자기 자신이 노력한만큼 따라가고 얻어가는것도 많을거라고 생각합니다 향후 취업은 진짜 자기가 한만큼 따라가는 것이니 수료후에 진로는 본인몫이라고 생각합니다

  • 비전공자 웹개발 강남캠 수강후기
    - 김○연

    강사님께서 너무나 감사하게도 이해가 되지 않는 부분과 아직 잘 모르는 부분을 끊임없이 이해되게끔 설명해주시고 도와주셔서 종강하는 날 제 실력이 많이 발전하게 되었습니다. 다른 개발자 친구들과 이야기 할때 개발자들간의 농담을 던지고 이해하면서, 비전공자였던 제가 많은 지식을 가지게 되었고, 또 생각이 많이 변화하였단 것이 많이 신기하네요. 꾸준히 구직활동을 하고있고, 강사님 덕분에 좋은 곳에 갈 수 있을 것 같습니다. 6개월동안 부족한 저를 알려주신 강사님 너무나 감사합니다. 취직 후에 꼭 자주 뵈었으면 좋겠어요!

  • 종로 국기 자바 개발자 수업 찐 후기
    - 최○철

    첫 상담 때 부터 친절하고 자세히 설명해주셨습니다. 비전공자다보니 걱정되는 부분이 많았는데 비전공자 입장에서 자세한 상담을 받았고 수업을 결정하게 되었습니다. 건물 자체가 오래되긴 했지만 강의실은 깨끗했고 시설도 수업하는데 무리없이 충분했습니다. 첫수업부터 마지막 수업까지 강사님께서 수업을 잘 이끌어 주셨고 대부분 비전공자이고 기초자들이었는데 포기하지 않게끔 격려와 방향성을 제시해주셔서 너무 좋았어요 모르는 부분이 많이 질문을 자주 드렸는데 최대한 성심껏 답변해주셔서 감사합니다. 행정실 직원분들도 늘 웃는 모습으로 친절하게 응대해주셔서 너무너무 감사했습니다! 짧다면 짧고 길다면 긴 기간동안 좋은 교육을 들은거같습니다. 아직 부족한게 많아 따로 공부를 해야하긴 하겠지만 국비과정이라서 걱정도 많았는데 생각 이상으로 많은걸 얻어가는거 같아요 그동안 수고하셨습니다 !!

  • 종로지점 국가기간 훈련 수업 자바 개발자 수강 후기
    - 김○수

    7개월이런 긴 과정에서도 포기하지 않도록 잘 이끌어주시고 많은 내용을 짧은 기간안에 배워야하는데 최선을 다해서 알려주셨습니다! 코딩에대한 이해가 전무하였는데 실무위주의 교육 덕분에 면접준비에 큰 이점이 있다고 생각합니다

  • 종로 - 국기 자바 수강후기
    - 김○완

    전공이지만 포기했어서 겁이 많았지만 비전공자도 따라갈 수 있게 잘 가르치시고, 학생 한명한명 낙오하지 않게 잘챙겨주시고 하려는 의지만 있으면 충분히 많은걸 배우고 나갈수 있는 기회가 될 수 있어 아깝지 않은 7개월이었습니다. 감사합니다.

  • 강남캠퍼스 풀스택 강의 추천합니다.
    - a○aa

    강사님이 잘 가르쳐주셨다. 여기서 만난 팀원들 또한 앞으로도 나에게 정신적으로든 커리어적으로든 큰 도움이 될 것 같다. 하지만 수업 난이도가 쉬운 편은 아니기 때문에, 본인이 정말 개발을 좋아하는 지 생각하고 등록했으면 좋겠다. 모든 일이 그렇겠지만, 습득은 본인의 몫이다. 가르침이 아무리 훌륭하다 한들, 본인의 노력이 부족하다면 아무것도 얻지 못할 것이다.

  • 강남캠퍼스 풀스택 강의 추천합니다.
    - 김○나

    수업 과정과 진행에 대해 만족했고 건의사항 없습니다.

커리큘럼

  1. 1

    프로토타입 제작

    • 프로토타입 제작 및 사용성 테스트
    • 프로토타입 기초데이터 수집 및 스케치
  2. 2

    디자인 구성요소 제작

    • 디자인 구성요소 설계
    • 디자인 구성요소 제작
    • 디자인 구성요소 응용
  3. 3

    프로젝트 완료

    • 프로젝트 완료 자료정리
    • 프로젝트 완료 결과보고서 작성
    • 프로젝트 완료 최종보고
  4. 4

    디지털디자인 사후관리

    • 디지털디자인 사후관리
  5. 5

    UX & UI 시나리오 개발

    • 서비스·경험디자인 관찰조사
    • 서비스·경험디자인 시나리오 개발
  6. 6

    모바일 UX 설계 및 UI 디자인

    • 스마트문화앱 UI 디자인
    • 스마트문화앱 UX 설계

웹&앱 프로그래밍

 
 

UI UX 피그마 React.js빠른 개강일01.31(화)

전화문의공식
1544-8147

국비혜택조회

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

지점선택

학과 및 교육과정 선택

지점을 선택해 주세요.

신청자

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

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

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


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


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


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

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