로드맵 썸네일

Vue 3 완벽 마스터 로드맵

장기효(캡틴판교)

Vue.js
JavaScript
Vuex
초급 강의 아이콘

초급 대상

7개 강의

로드맵 참여중인 유저 프로필 사진
로드맵 참여중인 유저 프로필 사진

96명 참여중

30% 할인

2개 남음전체 구매 적용
쿠폰 받기

로드맵 상세

 Vue.js, 처음부터 실전까지 완벽 커리큘럼! 
캡틴판교와 함께 프론트엔드 정복에 도전하세요.

왜 Vue.js를 배워야 하나요?

2018년 전세계 프론트엔드 개발자들을 대상으로 실시한 자바스크립트 프레임워크 현황 조사에 따르면, 무려 46.6%가 Vue.js를 들어봤고 배우길 희망한다고 응답했어요. 평균 만족도 역시 91%에 육박했죠.

그만큼 Vue.js는 인기가 많고 장점도 뛰어납니다. 배우기 쉽고, 생산성이 높은 만큼 최근에는 구글, 애플, 네이버, 카카오 등을 비롯한 여러 기업에서 사용하고 있는 프론트엔드 프레임워크로 자리를 잡았어요.

HTML과 CSS, JavaScript의 기초를 뗐는데도 여전히 프론트엔드 개발 입문이 멀게만 느껴지거나, 프론트엔드 개발을 ‘잘’ 하는 개발자가 되고 싶으신가요? 쉽게 다룰 수 있고 생산적인 Vue.js를 통해 실무 웹 개발에 도전해 보세요.

프론트엔드, Vue.js로 대세를 따르세요.

쉽고 생산적인 프레임워크

자바스크립트 프레임워크 진영의 후발주자, Vue.js는 Angular(앵귤러) 및 React(리액트)에 비해 학습이 쉽고 기존 시스템에 점진적으로 적용할 수 있어 실무자들에게 인기가 많습니다.

관련 커뮤니티도 활발한데다, 한글 문서를 공식 제공하며 진입장벽이 낮기 때문에 프론트엔드 개발이 처음인 사람이라도 쉽게 익힐 수 있어요.

이름값을 제대로

‘뷰’라는 이름처럼, Vue.js는 뷰 모델(View Model)을 통해 화면상의 내용과 모델의 데이터를 양방향으로 연결하는 데 효과적입니다.

개발자와 적극 협업하고 싶지만 프론트엔드 프레임워크가 낯선 디자이너나, 프론트엔드 개발자로 전향을 희망하는 퍼블리셔 등이 특히 활용하기 좋은 이유죠.


이 로드맵의 구성

✅ 최신 Vue.js 3, 이 로드맵 하나면 OK!

비전공자, 대학생, 퍼블리셔도 배울 수 있는 뷰 입문 수준부터 실무 프로젝트에 곧바로 활용할 수 있는 실전 활용 수준까지 다룹니다.

  1. Vue 3 시작하기 - Age of Vue.js
  2. Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
  3. Vue.js 중급 - Composition API
  4. 프론트엔드 개발자를 위한 웹팩
  5. Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
  6. Vue.js 끝장내기 - 실무에 필요한 모든 것
  7. Nuxt.js 시작하기

이런 분들께 추천합니다!

포폴도 면접도 시급해

 FE 취업을 준비하는 
학생, 입문자

성장할 기회

 프론트엔드 개발자로 
전향하고픈 퍼블리셔

개자이너?

 아직은 서비스 개발이 
낯선 디자이너 

나는야 유니콘

jQuery 벗어나고픈  
백엔드 개발자 


캡틴판교와 함께 배우는 
최신 Vue 3의 모든 것

장기효(캡틴판교)

생생한 수강평을 확인해보세요!

★★★★★

React는 사용해 봤지만 Vue는 처음 사용해 보는 뷰 입문자입니다. Vue3만 알려주시는 게 아니라 Vue2와 비교해서 설명해 주시니 더 이해가 잘 됐습니다. 짧은 영상의 호흡으로 더 집중이 잘 되었고, 핵심적인 내용들을 콕 집어 설명해 주셔서 머리에 더더 잘 들어왔어요ㅎㅎ 뷰 처음 써보시는 분들이라면 꼭! 봐야 하는 강의라고 생각합니다:-) 다음 강의도 너무 기대돼요!

"Vue 3 시작하기" 수강평

★★★★★

첫 실무 프로젝트를 Vue3로 진행하게 되어 부랴부랴 공부하고 있는 주니어 개발자입니다. 다양한 꿀팁과 핵심 위주의 강의로써 Vue3 입문에 도움이 되는 최고의 강의라고 생각됩니다. 간단한 예제를 통해 쉽게 이해할 수 있었습니다. 딱딱하고 지루한 강의가 아닌 강의 중간 중간 웃음 포인트가 있어서 끝까지 집중하게 만드는 강의였습니다. 다음 강의가 기다려집니다!!

"Vue 3 시작하기" 수강평

★★★★★

“Vue 3에서 컴포지션 API가 뭐다”라고 했을 때 막상 답변하기가 어려웠었는데, 이번 캡틴판교님의 강의를 통해 개념을 잡아나갔습니다. 도움이 많이 되었습니다 :)

"Vue 3 중급 - Composition API" 수강평

★★★★★

Cracking Vue.js 사이트의 설명과 더불어 Vue3 컴포지션 API를 이해하는 데 많은 도움이 됩니다. 강의가 길지 않기 때문에 가볍게 학습하기에 좋습니다.

"Vue 3 중급 - Composition API" 수강평

★★★★★

실무적인 부분들, 강사님의 꿀팁들이 녹아들어가있는 강의인 만큼..., 개념 설명도 세세하게 잘해주시고, 제가 어라? 이건 왜 이렇게 되는거지? 할 때쯤 그냥 바로 말씀해주시는게 놀라웠습니다... 내가 한 소리가 들리는건가 싶을 정도로요. 정말 돈이 아깝지가 않습니다. 곧 있을 해커톤 대회에서 장기효 강사님께 배운 Vue.js, 배운 그대로 활용해서 우승하고 오겠습니다!

"Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념" 수강평

★★★★★

믿고 보는 기효님의 강의입니다. 저에게 중요한 건 처음부터 이론을 파는 게 아니라 빨리 실무에 적응하는 것이라서 고민하지 않고 강의를 구입하였습니다. 게시판 보기 페이지는 CRUD에 대한 이해가 필요했는데 학습 노트를 만들면서 배우다 보니 더 이해가 잘되었고, 결과적으로는 여러가지 데이터를 조합해야 하는 부분을 제외하고는 게시판 보기 페이지의 반 이상의 기능을 구현할 수 있게 되었어요. 각 강의의 길이는 짤막해서 하루에 목표를 세우고 보기도 좋았고요.

"Vue.js 끝장내기 - 실무에 필요한 모든 것" 수강평

로드맵 상세

로드맵에 포함된 강의 썸네일
Vue 3 시작하기
"국내 최고의 Vue.js 강의", "별 10개를 못드려서 5개만 드리고 갑니다",  "장기효 유니버스에 빠진 느낌이었습니다" 명불허전 캡틴판교의 Vue.js 입문 강의

33,000

44,000

로드맵에 포함된 강의 썸네일
Vue 3 중급 - Composition API
Vue 2와 Vue 3에서 모두 사용할 수 있는 Composition API를 태생부터 현재까지 실전 문법과 감각으로 익혀보자.

41,250

55,000

로드맵에 포함된 강의 썸네일
Vue.js 끝장내기 - 실무에 필요한 모든 것
"회사에서 만약 서비스를 만들어야 한다면 저는 이 순서대로 만들거 같아요" 강의 中 멘트.

실무자 관점에서 모든 Vue.js 노하우를 3000만큼 전합니다 - Vue.js 엔드게임

110,000

로드맵에 포함된 강의 썸네일
Nuxt.js 시작하기
Next.js? 뷰는 Nuxt.js가 있다. 프로젝트 생성부터 배포까지 좀 더 짜여진 체계에서 뷰를 개발해 보고 싶다면? 실전 서비스를 만들며 배우는 SSR의 세계

55,000

30% 할인

2개 남음전체 구매 적용
쿠폰 받기