'Vue.js'도 독학할 수 있다(부제: Vue.js 공부 방법 추천)

 

 

내가 Vue.js를 공부하기 시작한 때는 일 년 전, 회사에서 프론트엔드 개발을 Vue.js로 한다기에 공부하게 되었다. 관련 책과 강의를 보고, 따라 해보며 익혔다. 지금은 Vue.js 가 익숙해서 기존 javascript 나 jQuery를 사용하면 불편하고 어색한 기분이 든다. Vue.js도 의지만 있다면 충분히 독학할 수 있다. 어렵지 않다!


Vue.js를 처음 공부할 때 어떤 방법으로 해야 할지 막막했다. 아마 나와 같은 마음을 가진 사람들이 많을 것이기에 Vue.js를 처음 접하고, 어떻게 공부해야 할지 고민하는 분들을 위해 내가 공부했던 방법들을 적어본다.

 

 

 

#Vue.js 란?

 

 

▲ Vue.js 로고 (사진 = 주나)

 

Vue.js는 웹 페이지 화면을 개발하기 위한 Front-End Framework이다. Angular, React 가 Javascript Framework를 잡고 있었는데, Vue가 나오면서 새로운 프로젝트에 Vue를 많이 사용하고 있는 추세이다. Vue는 다른 Framework 보다 진입장벽이 높지 않아 쉽게 공부할 수 있다.


Vue.js는 SPA (Single Page Application). 즉, 새로운 페이지를 불러오지 않고 현재 페이지를 동적으로 변환한다. 화면 조작이 많이 일어나는 현대 웹앱에 적합한 녀석이다.

 

#Vue.js 공식 사이트

 

 

설치방법 — Vue.js

 

한국어 공식 사이트에는 Vue.js에 대한 모든 내용이 담겨있다. 설치 방법부터 응용법까지, 나도 아직 공식 사이트에 있는 것들을 다 사용해보지 못했다. 회사에서 일을 하면서 모르는 부분이 생길 때마다 공식 사이트에서 찾아보곤 한다. 공식 사이트는 Vue.js를 공부하기 가장 좋은 문서라고 생각한다.


Vue.js를 잘 다룬다는 것은 공식 사이트에 있는 기술들을 얼마나 잘 활용하는지에 따른 것이 아닐까?

#Do it! Vue.js 입문

 

 

▲ Do it! Vue.js 입문 (사진 = 주나)

 

개발 공부를 해본 사람들은 'Do it 시리즈'에 대해 알고 있을 것이다. 개발 기본서 중 유명한 시리즈이다. 나는 Vue.js에 대해 공부하기 전, 'Do it Vue.js 입문'을 처음부터 끝까지 정독했다. Vue.js 이 녀석이 도대체 뭘까 궁금하기도 했고, 처음 시작할 때 기본이 탄탄해야 된다는 생각이 있었기 때문이다.


나는 공식 사이트보다 Do it Vue.js 입문이 처음 Vue.js를 접하는 사람에게 좋다고 생각한다. 좀 더 이해하기 쉽게 설명된 부분이 많기에, 처음 Vue.js를 이해하려거든 공식 사이트 말고 책을 정독해보자. 정독 후 실습할 때 공식 사이트를 참고하며 하나하나 알아가는 방법을 추천한다.

 

#동영상 강의

 

 

▲ Vue.js로 Todo 어플리케이션 만들기 - 강의소개

 

 

이 동영상은 내가 공부할 때 들었던 동영상 강의이다. 돈을 내가 듣는 것도 있지만.. 무료 강의를 찾다가 발견했다. 동영상으로 보면 어떻게 사용하는지 문서로만 봤을 때는 이해하기 어려웠던 부분들을 알 수 있다. 해당 동영상 강의는 기초적인 부분만 다루지만 머리가 뛰어나지 않는 나도 이해됐다. 차근차근 잘 알려주신다.


Vue.js를 알려주는 강의들도 많기에 자신에게 맞는 강의를 찾아 들으면 된다. 강의에서는 큰 틀만 알려주기에 강의만 듣는 건 비추한다. 강의를 안 들으면 모를까 강의만 듣고 개발하기엔 강의에 있는 내용이 적다. 강의는 그냥 '아~이런 식으로 사용하는구나' 이 정도로만 참고하는 게 좋다.

 

 

 

Vue.js와 같은 SPA(Single Page Application) 을 완전 처음 접한다면,


책으로 한번.
공식 문서로 한번.
동영상 강의로 한번.


먼저 기초 지식을 쌓은 뒤, 실전 예제를 직접 만들어가며 내 것으로 만드는 것을 추천한다. 그러다 보니 원하는 홈페이지를 만들 수 있는 내가 되었다 :)

 

 

그리고 원하는 기능이나 이유 모를 에러는 역시 구글링이 최고다. 이제 Vue.js도 제법 많이 나온다. 나 역시 일할 때 가장 도움받았던 방법. 이렇게 한다면 원하는 페이지나 기능 모두 Vue.js로 만들 수 있을 것이다. 다들 새로운 기술을 내 것으로 만들어보자!