수원 이젠아카데미컴퓨터학원 - Vue.js 프론트엔드개발

Vue.js 프론트엔드개발

1차 개강일
23년 03월 28일(화)
2차 개강일
23년 04월 11일(화)
  • Vue.js
  • 프론트엔드개발
  • 프레임워크
  • 자바스크립트
  • 라이브러리
교육기간
정규 2개월 직장인/초보자/취준생
수강료

직장인·취업준비생
60% ~ 최대100% 지원

취업분야
스타트업, 소프트웨어개발/서비스, IT/인공지능, 앱/웹서비스, 커머스,
온라인플랫폼, 온라인쇼핑몰, 온라인커머스, 프론트/풀스택개발자 등

웹 애플리케이션의 UI를 만들기 위해
사용하는 자바스크립트 프레임워크
Vue.js 프론트엔드 어떤 수업일까?

웹 프론트엔드 프레임워크로 가장 활발하게 사용되는
오픈 소스 프로그레시브 자바스크립트 프레임워크 교육입니다.
진입 장벽이 낮고 성능이 우수하여 유지 보수와 테스팅이 편리한 뷰!
Start now

Vue.js (Front-end)

  1. JavaScript 기초학습 - 자바스크립트 기초 학습을 통해 Vue 학습 과정에 필요한 기초 실력을 빠짐없이 채울 수 있습니다.
  2. Webpack 기초학습 - Vue CLI 없이 프로젝트를 구상할 경우 기초적으로 알아야 하는 Webpack 에 대해 자세히 알아봅니다.
  3. VUE 프로젝트 실습 - 최신 UX 패턴 사례를 살펴보고, 단순한 기능 구현이 아닌 사용자 관점의 UI 컴포넌트를 Vue 를 활용하여 학습합니다.

UI 컴포넌트를 VUE를 활용하여 학습
실제 서비스를 개발할 때 필요한 컴포넌트
기반 설계 방법과 프로젝트 구조화
노하우까지 알차게 진행하는 실무수업

Vue.js 설치 및 프로젝트 배포까지 자바스크립트
기초학습 및 Vue 를 활용한 UI 컴포넌트 제작
  • MVVN(Model - View - ViewModel) 패턴을 기반으로 디자인
  • 특징 : 리액트의 장점과 앵귤러의 장점의 결합체
  • Angular와 React에 비해 학습이 쉬우며 기존에 시스템에 점진적으로 적용할 수 있고
    쉽게 익힐 수 있습니다.
  • 입문자도 쉽게 개념을 정리할 수 있도록 교육합니다.
  • 실무 프로젝트로 직접 구현해봅니다.

Vue.js를 이용한 활용예시

  • UI/UX 사용자에 맞는 편리한 인터페이스 제작
  • 반응형 홈페이지 접속기기에 맞춰 사이트를 최적화하여 보여줌
  • 프론트/백엔드 개발 사용자에게 보여지는 화면 및 데이터를 관리하는 개발
  • 앱(애플리케이션) 마크주커버그가 만든 SNS의 한 종류(리액트 기반)

Vue.js 처리 구현 화면

거대한 규모의 애플리케이션을 개발할 수 있게 핵심 라이브러리와 주변 생태계를 제공

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

  • IT·Programming자바(JAVA) 웹 개발
    (정보처리산업기사 취득)
    발표회 및 수료식

    자바 웹개발 프로그래밍 27기
    수료를 축하드립니다.

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

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

    수강생 만족도
    4.7/5
    자세히 보기
  • IT·Programming자바 안드로이드
    웹&앱 개발자
    발표회 및 수료식

    자바 안드로이드 웹&앱 개발자 22기
    수료를 축하드립니다.

    수강생 만족도
    4.5/5
    자세히 보기
  • IT·Programming자바(JAVA) 웹프로그래밍
    (정보처리산업기사 취득)
    발표회 및 수료식

    자바(JAVA) 웹프로그래밍 21기
    수료를 축하드립니다.

    수강생 만족도
    4.4/5
    자세히 보기
  • IT·ProgrammingAI인공지능활용
    소프트웨어개발
    발표회 및 수료식

    AI인공지능활용 소프트웨어 개발 23기
    수료를 축하드립니다.

    수강생 만족도
    4.6/5
    자세히 보기
VUE

실무에서 VUE를 사용할 수 있는
프론트엔드 개발자가 됩니다.

현대적 도구 및 라이브러리와 함께 사용하여
정교한 단일 페이지 응용 프로그램을 완벽하게 지원하는
Vue(뷰) 전문가로 거듭납니다.



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

  • 웹디자인기능사Craftsman Web Design

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

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

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

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

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

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

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

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

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

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

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

    자세히 보기

선배에게 들어요!

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

수강후기

  • 종로 이젠 국기 자바 수업듣고 취업했습니다
    - 신○빈

    주변 개발자로 일하고 있는 사람들 얘기 듣고 관심 있어서 자바 수업에 대해 알게 되었습니다. 종로에서 풀스택 관련 수업 듣고 취업까지 할 수 있었는데 처음에는 비전공이라서 어려웠는데 강사님께서는 20명의 학생들을 이끌고 포기 없이 모두 다 재밌게 수업을 쉽게 진행해주셨습니다. 그래서인지 프로그래밍이 재미있어졌고 영타도 빠르게 늘어서 어렵지 않게 수업을 진행했습니다. 처음에는 커리큘럼 내용도 뭔지도 모르겠었고 이해하기도 어려웠지만 계속적인 반복과 예습복습을 통해서 프로젝트까지 완성할 수 있었고 취업지원팀에서도 자소서와 면접경험과 취업처를 소개 시켜주어서 좋은 곳에 입사를 할 수 있게 되었습니다. 감사합니다.~!

  • 국비 풀스택 과정 강남이젠 수료 ㅜ
    - 윤○민

    정말 만족스런 훈련과정이었습니다. 학원 시설 자체도 깔끔하고 좋고 강사님도 정말 잘 가르쳐주셨어요!! 또 듣고싶습니다..ㅜㅜ

  • 강남지점 풀스택 과정 드디어 수강 끝났어요 ㅜ
    - 윤○진

    훈련기관이 예상외로 너무 좋아서 수강기간동안 너무 잘 들을 수 있었습니다 :) 선생님께서 학생들을 위해 수업내용 이외에도 실제 업무에서 필요한 많은 유익한 얘기들을 해주셔서 감사했습니다! 학생들을 위해 열과 성을 다해 7개월동안 이끌어주시고 가르쳐주신 수고에 감사해요!!!

  • 이젠강남 수료후기 입니다 호호
    - 정○정

    개인적으로 좋은 강사님을 만나 수강하게 되어 운이 좋았다고 생각합니다. 중간 중간 포기를 고민하던 때에도 강사님께서 잘 이끌어 주셨고, 그 단계에서 제 자신이 성장하여 뒤의 내용도 잘 따라갈 수 있었다고 생각합니다. 취업의 여부는 학생 개개인의 노력과 성취도에 따라 갈리겠지만 그 노력과 성취도를 뒷받침하는 역할을 잘 해주셨다고 생각합니다. 제 인생에서 어느정도 기억에 남는 도움되는 시간이었습니다.

  • 강남점 국비과정 수료후기 ㅎ
    - 강○솜

    6개월이라는 기간 동안 직무역량을 익히기 위해서 강의를 수료하게 되었는데요. 처음 듣기 전에는 버리는 시간이 아닐까 싶어서 걱정이 되었습니다. 그런 걱정이 무색하게 강사님이 너무 좋았고 수업에 구성 또한 너무 알찬 시간이었습니다. 베이스가 없는 수강생이었음에도 불구하고 취업을 하기 위한 기본 역량을 쌓기에는 정말 좋은 과정이었다고 생각합니다. 나중에 또 배우고 싶은 수강 내용이 있다면 다시 듣고 싶습니다. 6개월 동안 감사했습니다.

  • 이젠 강남 풀스택 과정 수료후기 ~
    - 김○지

    웹 개발을 하고 싶어 학원을 찾아보고 교육과정이 괜찮다고 생각하여 선택하게 되었습니다. 6개월이라는 기간 내 모든 것을 배운다는 것은 현실적으로 무리가 있다고 생각했지만, 프로그래밍의 기초적인 것부터 프론트엔드, 백엔드의 전반적인 것을 배울 수 있는 수업이었습니다. 이 과정을 통해 웹 개발의 흐름을 알게 되어 의미 있는 시간이었고 배운 내용을 바탕으로 웹 개발을 깊게 파헤치는 데 도움이 될 것 같습니다. 코로나가 심했었기에 강의의 대부분은 비대면으로 진행하여 아쉬운 점이 있었지만 수업하는데 무리 없이 진행되었습니다. 그동안 고생하신 강사님께 감사드립니다.

  • 강남점 수료후기
    - 김○수

    학원을 처음등록했을 때 항상 긴장된 분위기 속에 내가 이곳에 잘 적응할 수 있을지 많이 고민되었다 . 그런 고민중에 과정이 계속 진행되면서 힘든 일정에 포기하고 싶은 마음이 커져갔지만 한 팀을 이루어 수업을 진행하고 교류를 하다보니 팀의 구성원으로써 의무와 책임감을 가지고 더욱 열심히 배우고 이 과정에 임하게 되었다. 이곳에 다니기 전에는 혼자서 모든 것을 해결해보려고 하는 개인주의적인 성격이였지만 프로젝트를 진행하는 내내 혼자서 하면 10시간이 걸릴 것을 1시간으로 단축할 수 있음에 정말 협업의 중요성을 크게 느끼는 계기가 되었다. 이곳에서 협업의 중요성을 많이 깨달았고 한 학생도 소홀히 하지 않고 부족한 것을 채워주신 미모의 강사님께 정말 감사드린다.

  • 이젠 강남 찐 수료후기 ~!~!
    - 민○영

    비전공자로 과정을 시작하기 전에 과연 끝까지 내가 해낼수 있을까, 그리고 잘 할 수 있을까 라는 고민을 많이 했습니다. 그 걱정은 학원 OT에서 싹 사라졌습니다. '나만 믿고 내가 하라는 것들을 성실히 수행해준다면 취업을 할 수 있게 만들어주겠다'라는 강사님의 자신감 넘치는 말씀에 무릎을 탁 치며 여기에 잘 왔구나 생각했습니다. 당연히 비전공자이기에 과정이 시작되고 나서 어렵고 힘들 때도 있었지만 그래도 좋은 동료들과 모두를 잘 이끌어주신 좋은 강사님 덕에 끝까지 잘 마칠수 있었습니다. 특히 강사님이 강사가 아니고 은사로 느껴질 만큼 이 과정을 열정적으로 잘 이끌어주셔서 그것또한 수료하는 것에 큰 원동력이 되었습니다. 강사님과 동료들에게 늘 감사하는 마음을 가슴 한켠에 간직하고 살아가겠습니다. 아 그리고 이 과정은 정말 추천합니다.

  • 이젠 강남점 수료후기 ㅎ
    - 변○민

    비전공자가 따라가기에 훈련 내용 및 일정의 난이도가 있는 편입니다. 일정을 따라가며 훈련과정을 해내는 것이 쉽지는 않았으나, 끝나고 나니 힘들었던 만큼 제 능력을 키울 수 있었다는 생각이 듭니다. 개발자로서의 꿈을 가지고 있다면 충분한 각오를 다지고 강사님의 강의를 수강하시기를 강력히 추천드립니다.

  • 이젠 강남 아카데미 수강후기 ~
    - 이○아

    우선 이 과정을 무사히 마칠수 있도록 도와주신 강사님 학원 관계자분들 그리고 반친구들한테 고마웠습니다. 특히 강사님은 단체 생활에서 그 집단이 공부할수 있는 분위기를 만들어주시고 공부할때 너무너무 유익한 강의자료를 준비해 주셨습니다. 힘든 과정을 잘 이겨내준 동료들이 있어서 저도 잘 수료할수 있었던거 같습니다. 개발자로 취업을 고민중이라면 열심히 공부가 하고 싶다면 주영아 강사님 반에 신청하는것이 엄청난 도움이 된다는것을 저는 이과정을 통해서 느꼇습니다. 수강후기를 보고 선택하는데 도움이 되었으면 좋겠습니다.

커리큘럼

  1. 1

    Vue.js 필수 기술

    • Vue.js 소개
    • Vue.js의 특징
    • UI 화면단 라이브러리
    • 컴포넌트 기반 프레임워크
  2. 2

    개발 환경 설정

    • 개발 환경 설정하기
    • 개발자 도구 설치하기
  3. 3

    화면 개발을 위한 필수 단위

    • 인스턴스
    • 인스턴스의 정의와 속성
    • 컴포넌트
    • 컴포넌트란?
    • 컴포넌트 등록하기
    • 뷰 컴포넌트 통신
    • 컴포넌트 간 통신과 유효 범위
    • 상·하위 컴포넌트 관계
  4. 4

    상용 웹 앱을 개발

    • 라우터
    • 네스티드 라우터
    • HTTP 통신
    • 웹 앱의 HTTP 통신 방법
  5. 5

    화면 개발

    • 템플릿 & 프로젝트 구성
    • 템플릿
    • 데이터 바인딩
    • 고급 템플릿 기법
    • CLI
    • CLI로 프로젝트 생성하기
    • 로더
  6. 6

    최종 프로젝트

    • 사용자 입력 폼 만들기
 
 

Vue.js 프론트엔드개발빠른 개강일03.28(화)

카톡상담
전화문의수원
031)253-5225

직장인교육문의

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

지점선택

학과 및 교육과정 선택

지점을 선택해 주세요.

신청자

빠른 상담 전화 문의 031)253-5225
개인정보수집 및 이용에 대한 동의

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

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


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


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


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

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