Vue.js 프론트엔드개발
- 1차 개강일
- 26년 02월 03일(화)
- 2차 개강일
- 26년 02월 17일(화)
고용24 국민내일배움카드 훈련과정명은
Vue.js 프론트엔드개발입니다.
웹 애플리케이션의 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(뷰) 전문가로 거듭납니다.
완벽한 취업 연계!
50개+협력기업과 함께! 취업까지 직행합니다.
평균 취업률 80% 비전공자·초보자 포함 수치
- 삼성
- LG
- 현대
- SK
- 현대 백화점
- 쿠팡(COUPANG)
- 한국타이어
- 기아
- 서울교통공사
- LINE
- The JoongAng
- 올리브네트웍스
- HANSSEM (한샘)
- DOOSAN(두산)
- KT nasmedia
- 캐논 CANON
- 효성 ITX
- NOL interpark
- 다이소
- NHN
- KG 이니시스
- 한국중부발전
- LX 하우시스
- (주)한화
- 한국전력공사
- 신세계
- LOTTE GRS
- KCC
- YTN
- YTN
꿈꾸던 기업의 현직자, 이미 당신의 기수 선배들입니다.
전공자 아니어도 됩니다.
기업이 뽑고 싶게 만드는 건 저희 전공이니까요.
수강은 시작일 뿐! 초보도 가능한 수강생 전용 혜택
-
중도 포기자 0%를 위한
- 사전 수업 스타트 캠프
- 사전 학습
가이드 제공
-
실무 기준에 맞춰 레벨UP
- 정규 실무 과정
- 실무 중심의
수업
-
이력서에 바로 쓰는 결과물 생성
- 실무 프로젝트
- 현직 실무자
협업 프로젝트
-
취업 성공 끝까지 함께
- 취업 연계
- 취업 컨설팅 +
채용 연계
성과를 인정하는 다양한 리워드 제공
전담
취업지원팀이
끝까지 함께
- 기업별
면접 족보
공개 - 이력·자소서
1:1 첨삭 - 기업별
예상 질문
집중 대비 - AI 면접 +
실전 모의면접 - 1:1 맞춤
취업 전략
분석
취업 지원하고 성과 증명까지
디지털 배지
- 프로젝트 발표 &
수상 기회 - 공모전·박람회 지원
- 무료 컨퍼런스 제공
기초가 없어도 따라올 수 있습니다.
수업 시작 전, 사전 교육으로 기초 쌓기!
비전공자도 뒤처질 걱정 NO
혼자서 막막하지 않도록!
스터디 크루 운영과 전문 튜터의 밀착 지원

현직 실무자와 함께 진행하는 프로젝트!
기업 기준에 맞춘 기획·제작·피드백 과정 경험
이력서·포트폴리오·면접까지!
단계별 취업 지원 프로그램 제공
남들 혼자 준비하며 겪을 시행착오,
단 한번에 끝내고 취업합니다.
수강후기
커리큘럼
- 1
Vue.js 필수 기술
- Vue.js 소개
- Vue.js의 특징
- UI 화면단 라이브러리
- 컴포넌트 기반 프레임워크
- 2
개발 환경 설정
- 개발 환경 설정하기
- 개발자 도구 설치하기
- 3
화면 개발을 위한 필수 단위
- 인스턴스
- 인스턴스의 정의와 속성
- 컴포넌트
- 컴포넌트란?
- 컴포넌트 등록하기
- 뷰 컴포넌트 통신
- 컴포넌트 간 통신과 유효 범위
- 상·하위 컴포넌트 관계
- 4
상용 웹 앱을 개발
- 라우터
- 네스티드 라우터
- HTTP 통신
- 웹 앱의 HTTP 통신 방법
- 5
화면 개발
- 템플릿 & 프로젝트 구성
- 템플릿
- 데이터 바인딩
- 고급 템플릿 기법
- CLI
- CLI로 프로젝트 생성하기
- 로더
- 6
최종 프로젝트
- 사용자 입력 폼 만들기
웹&앱 IT프로그래밍
웹&앱 IT프로그래밍 취업완성패스
웹&앱 IT프로그래밍 커리어패스
-
다양한 콘텐츠 구현, 문제해결 능력을
높여, 경쟁력을 키우는 자바언어!자바프로그래밍
-
웹서버 모바일 위치기반 서버 등
구동가능한 실무기반 교육과정node.js 프론트엔드개발
-
자바스크립트 프레임 워크의 혁신~!
프론트엔드 개발자의 필수요소React.js 프론트엔드개발
-
톰캣 설정 부터 WAS 개발에 필요한
실무 프로젝트까지 경험하는 과정Tomcat WAS 개발
-
Vue.js 설치 및 프로젝트 배포까지 -
Vue를 활용한 UI 컴포넌트 제작 과정Vue.js 프론트엔드개발
-
진입 장벽이 낮은 언어로 API 활용을
통해 Native Mobile App 개발React Native 모바일 앱 개발
-
수준 높은 문제 해결능력을 키우는
프로그래밍의 첫걸음C++ 기본
직장인교육문의
원하시는 과정을 선택하시면 1:1 상담을 진행해드립니다.