frontend

Vue.js Study Plan

작년에 React Study Plan이라는 글을 쓴 적이 있다. 그렇게 공부하면 당연히 React로 뭔가 개발을 할 수 있다고 생각했다. 내가 너무 기초가 안 되어 있는 상태에서 배우기에는 버거운 상대였다. 유튜브 API를 연동해서 뭔가 만들긴 했지만 온전하게 내 것이 되진 않았다

그러다가 Vue.js를 만나게 되었다. Angular1과 React의 장점이라고 생각하는 부분을 전부 갖고 있고 심플한 소스에 반해버렸다 게다가 가이드도 한글이다!

어쩌다 보니 사내에서 Vue.js와 Firebase를 활용한 내용을 발표하게 되었고 Vue.js 한국 사용자 모임에서도 발표하게 되었다 발표를 하다 보니 내가 알고 있는 것이 참 좁은 지식이라는 것을 알게 되었다.

그래서 아래와 같이 Vue.js를 공부해보려고 한다.

  1. The Majesty of Vue.js 2 (한글, 유료) 이 책을 번역한 박창주 님은 기본 가이드가 가장 좋다고 하셨지만 일단 시작은 책으로 잡고 필요하면 그때마다 공식 가이드를 보는 것이 나에게는 좋을듯하다.
  2. Learn vue2 step-by-step (영어, 무료) Vue.js에 관해 짧은 동영상으로 설명해준다. 원래 egghead.io의 Vue.js강의를 보고 있었는데 그 쪽은 아직도 1. x 버전이라서 2. x 버전으로 설명하는 이 강의로 옮겨탔다. 무료지만 강의 질도 괜찮다.
  3. Vue JS 2 - The Complete Guide (영어, 유료) The Complete Guide라는 이름답게 약 340개의 동영상으로 구성되어 있다. 거의 모든 부분에 대해서 다루는 것으로 보인다. udemy가 $10으로 가격을 낮추는 경우가 많으니 그때 서 보길 권한다.
  4. Vue.js 공식 가이드 문서 (한글) 틈틈이 필요한 내용은 공식문서에서 찾아볼 생각이다.

3번까지 하고 나면 Nuxt.js를 해볼 생각이다. 그리고 이번에는 토이프로젝트 뿐만 아니라 사내 프로젝트에도 쓰일 만한 곳이 없는지 잘 찾아봐야겠다.

(6월 26일 추가)

  • Vue.js2 시작하기 (번역서) 드디어 Vue.js2 종이책이 번역되었다! 이 책을 아무래도 제일 먼저 봐야겠다.
  • Nuxt.js를 활용하여 프로젝트를 진행했다. 물론 앞의 단계를 생략하고 하다 보니 너무 대충 만든 느낌. 해당 프로젝트를 진행하면서 겪었던 경험을 곧 공유할 계획이다.