Vue.js 프론트엔드개발
- 1차 개강일
- 26년 01월 27일(화)
- 2차 개강일
- 26년 02월 10일(화)
고용24 국민내일배움카드 훈련과정명은
Vue.js 프론트엔드개발입니다.
- 교육기간
- 정규 2개월 직장인/초보자/취준생
- 수강료
직장인·취업준비생
60% ~ 최대100% 지원
- 취업분야
-
스타트업, 소프트웨어개발/서비스, IT/인공지능, 앱/웹서비스, 커머스,
온라인플랫폼, 온라인쇼핑몰, 온라인커머스, 프론트/풀스택개발자 등
웹 애플리케이션의 UI를 만들기 위해
사용하는 자바스크립트 프레임워크
Vue.js 프론트엔드 어떤 수업일까?
웹 프론트엔드 프레임워크로 가장 활발하게 사용되는
오픈 소스 프로그레시브 자바스크립트 프레임워크 교육입니다.
진입 장벽이 낮고 성능이 우수하여 유지 보수와 테스팅이 편리한 뷰!
Start now
Vue.js (Front-end)
- JavaScript 기초학습 - 자바스크립트 기초 학습을 통해 Vue 학습 과정에 필요한 기초 실력을 빠짐없이 채울 수 있습니다.
- Webpack 기초학습 - Vue CLI 없이 프로젝트를 구상할 경우 기초적으로 알아야 하는 Webpack 에 대해 자세히 알아봅니다.
- VUE 프로젝트 실습 - 최신 UX 패턴 사례를 살펴보고, 단순한 기능 구현이 아닌 사용자 관점의 UI 컴포넌트를 Vue 를 활용하여 학습합니다.
UI 컴포넌트를 VUE를 활용하여 학습
실제 서비스를 개발할 때 필요한 컴포넌트
기반 설계 방법과 프로젝트 구조화
노하우까지 알차게 진행하는 실무수업
Vue.js 설치 및 프로젝트 배포까지 자바스크립트
기초학습 및 Vue 를 활용한 UI 컴포넌트 제작
- MVVN(Model - View - ViewModel) 패턴을 기반으로 디자인
- 특징 : 리액트의 장점과 앵귤러의 장점의 결합체
- Angular와 React에 비해 학습이 쉬우며 기존에 시스템에 점진적으로 적용할 수 있고
쉽게 익힐 수 있습니다. - 입문자도 쉽게 개념을 정리할 수 있도록 교육합니다.
- 실무 프로젝트로 직접 구현해봅니다.
Vue.js를 이용한 활용예시
- UI/UX 사용자에 맞는 편리한 인터페이스 제작
- 반응형 홈페이지 접속기기에 맞춰 사이트를 최적화하여 보여줌
- 프론트/백엔드 개발 사용자에게 보여지는 화면 및 데이터를 관리하는 개발
- 앱(애플리케이션) 마크주커버그가 만든 SNS의 한 종류(리액트 기반)
Vue.js 처리 구현 화면
거대한 규모의 애플리케이션을 개발할 수 있게 핵심 라이브러리와 주변 생태계를 제공
실무에서 VUE를 사용할 수 있는
프론트엔드 개발자가 됩니다.
현대적 도구 및 라이브러리와 함께 사용하여
정교한 단일 페이지 응용 프로그램을 완벽하게 지원하는
Vue(뷰) 전문가로 거듭납니다.
전공자 아니어도 됩니다.
기업이 뽑고 싶게 만드는 건 저희 전공이니까요.
수강은 시작일 뿐! 초보도 가능한 수강생 전용 혜택
-
중도 포기자 0%를 위한
- 사전 수업 스타트 캠프
- 사전 학습
가이드 제공
-
실무 기준에 맞춰 레벨UP
- 정규 실무 과정
- 실무 중심의
수업
-
이력서에 바로 쓰는 결과물 생성
- 실무 프로젝트
- 현직 실무자
협업 프로젝트
-
취업 성공 끝까지 함께
- 취업 연계
- 취업 컨설팅 +
채용 연계
성과를 인정하는 다양한 리워드 제공
전담
취업지원팀이
끝까지 함께
- 기업별
면접 족보
공개 - 이력·자소서
1:1 첨삭 - 기업별
예상 질문
집중 대비 - AI 면접 +
실전 모의면접 - 1:1 맞춤
취업 전략
분석
취업 지원하고 성과 증명까지
디지털 배지
- 프로젝트 발표 &
수상 기회 - 공모전·박람회 지원
- 무료 컨퍼런스 제공
기초가 없어도 따라올 수 있습니다.
수업 시작 전, 사전 교육으로 기초 쌓기!
비전공자도 뒤처질 걱정 NO
혼자서 막막하지 않도록!
스터디 크루 운영과 전문 튜터의 밀착 지원

현직 실무자와 함께 진행하는 프로젝트!
기업 기준에 맞춘 기획·제작·피드백 과정 경험
이력서·포트폴리오·면접까지!
단계별 취업 지원 프로그램 제공
남들 혼자 준비하며 겪을 시행착오,
단 한번에 끝내고 취업합니다.
완벽한 취업 연계!
50개+협력기업과 함께! 취업까지 직행합니다.
평균 취업률 80% 비전공자·초보자 포함 수치
- 삼성
- LG
- 현대
- SK
- 현대 백화점
- 쿠팡(COUPANG)
- 한국타이어
- 기아
- 서울교통공사
- LINE
- The JoongAng
- 올리브네트웍스
- HANSSEM (한샘)
- DOOSAN(두산)
- KT nasmedia
- 캐논 CANON
- 효성 ITX
- NOL interpark
- 다이소
- NHN
- KG 이니시스
- 한국중부발전
- LX 하우시스
- (주)한화
- 한국전력공사
- 신세계
- LOTTE GRS
- KCC
- YTN
- YTN
꿈꾸던 기업의 현직자, 이미 당신의 기수 선배들입니다.
수강후기
커리큘럼
- 1
Vue.js 필수 기술
- Vue.js 소개
- Vue.js의 특징
- UI 화면단 라이브러리
- 컴포넌트 기반 프레임워크
- 2
개발 환경 설정
- 개발 환경 설정하기
- 개발자 도구 설치하기
- 3
화면 개발을 위한 필수 단위
- 인스턴스
- 인스턴스의 정의와 속성
- 컴포넌트
- 컴포넌트란?
- 컴포넌트 등록하기
- 뷰 컴포넌트 통신
- 컴포넌트 간 통신과 유효 범위
- 상·하위 컴포넌트 관계
- 4
상용 웹 앱을 개발
- 라우터
- 네스티드 라우터
- HTTP 통신
- 웹 앱의 HTTP 통신 방법
- 5
화면 개발
- 템플릿 & 프로젝트 구성
- 템플릿
- 데이터 바인딩
- 고급 템플릿 기법
- CLI
- CLI로 프로젝트 생성하기
- 로더
- 6
최종 프로젝트
- 사용자 입력 폼 만들기
웹&앱 IT프로그래밍
웹&앱 IT프로그래밍 취업완성패스
-
프론트엔드, 백엔드 그리고 배포(DevOps
포함) 등 서비스를 개발할 수 있는 교육자바 백엔드 풀스택 개발자 (JAVA,Spring boot)
-
JAVA + CLOUD
독립적 자바 웹 프로그래밍AWS클라우드기반 자바 웹 개발자
-
꾸준한 인기 자바(JAVA),
웹&앱 개발자가 되는 필수 언어!자바 웹&앱 개발자
-
프론트엔드, 백엔드 기술을
활용하여 인공지능 풀스택 개발!AI활용 지능형 웹서비스 풀스택 개발
-
현장 실무학습과 자격증 취득으로
웹 개발과 소프트웨어 설계까지웹개발자 정보처리산업기사 과정평가형
-
웹 콘텐츠의 기획 및 분석과 디자인,
프론트엔드(풀스택) 개발을 동시에!프론트엔드 풀스택 (React, Node.js)
-
피그마를 활용한 UI UX 기획과
설계부터 프론트엔드 구현까지!UI UX 피그마 React.js
직장인교육문의
원하시는 과정을 선택하시면 1:1 상담을 진행해드립니다.