Vue js 공부 방법

모든 공부가 그렇듯, 처음은 어렵다 그리고 막막하다. 

처음 vue js 를 접할때, 나역시 막막했다. 

나에게 도움이 되었던, 또 내가 공부하기 시작했던 강의 들을 추천한다. 

 

1. 인터넷 강의 약 (5시간 30분)짜리// 가격: 33000원 

    대부분 vue js 공식 홈페이지 가이드를 보고 공부를 시작할 것이다. 하지만, 공식 홈페이지 가이드는 안타깝게도 영어이다... 

    즉, 습득력이 느려질 수 밖에 없는 단점이 있다. 

    이 강의는 공식 홈페이지의 자료들을 한국말로 설명해준다. 돈이 들어서 좀 아쉽지만, 확실히 돈주고 산 강의는 다르다는 생각이든다. 

    매우 깔끔하고, 잘 가르치 신다. 

    약 3만 3천원의 강의 하나로 vue 를 정복 할 수는 없다. 시간은 5시간 30분 정도 이지만, 하나 하나 만들어 보면서 진행하면 생각보다 꽤      시간이 걸렸다. 모든 강의를 추천하는게 아니라 vue.js 시작하기 가장 기초 단계의 강의 하나 정도는 사서 듣는걸 추천한다. 

    이후, 유튜브 강의를 듣는다면, 훨씬 이해도 잘되고 틀도 보이기 시작할 것이다. 

 

https://www.inflearn.com/course/Age-of-Vuejs/lecture/21436

Vue.js 시작하기 - Age of Vue.js - 인프런

2. 공식 홈페이지 가이드 라인 

   사정상 인터넷 강의 구입이 어렵다면, 그래도 공식 홈페이지 가이드라인을 따라서, 영어를 잘 해석해 가면서 공부하는걸 추천한다. 하지만,     습득력이 조금 느리고, 이해가 덜하다는건 어쩔수 없는 아쉬움이다. 

https://vuejs.org/v2/guide/

Introduction — Vue.js

 

3. 유튜브 추가 강의

1번이나 2번을 완료하면,대충 어느정도 vue의 packaging, 라우터, 컴포넌트, 프로젝트 생성등 기본 틀이 잡혔을 것이다. 

하지만, 정말 기초 강의들이기 때문에 이것만으로는 부족하다. 그리고 큰 프로젝트가 전체적으로 제대로 이해가 되지는 않는다. 

 

3-1. 컴포넌트에 대한 이해를 좀더 넓히고, 

https://www.youtube.com/watch?v=ybFZK1-01zk

 

3-2. 라우터에 대한 이해를 넓히기를 권장한다. 

https://www.youtube.com/watch?v=XPlBOl2SxGA&list=PLZzSdj89sCN0IRcwT4lJWg_qgfBFmcF6A&index=2

https://www.youtube.com/watch?v=DXSsr0hdfFc&list=PLZzSdj89sCN0IRcwT4lJWg_qgfBFmcF6A&index=3

https://m.blog.naver.com/PostView.nhn?blogId=psj9102&logNo=221430447361&proxyReferer=https%3A%2F%2Fwww.google.co.kr%2F

Vue : vue-router 페이지 이동

3-3. 어느정도 기본 기능이 이해가 됬다면, store.js 로 변수를 관리하는 방법을 공부해야한다. 

https://m.blog.naver.com/PostView.nhn?blogId=psj9102&logNo=221430447361&proxyReferer=https%3A%2F%2Fwww.google.co.kr%2F

Vue : vue-router 페이지 이동

3-4. 기능이 감이 잡힌다면,

페이지를 더 예쁘게 만들기 위한 Vuetify 와 bootstrap

http://blog.weirdx.io/post/60376

Vuetify에 대한 간략한 메모 - 이상한모임

https://vuetifyjs.com/en/components/toolbars#toolbar

Toolbar component — Vuetify.js

 

더 편하게 만들기 위한, 뷰 기능 찾아보기 등으로 뻣어나갈수 있다. 

https://bootstrap-vue.js.org/docs/components/form-input/

BootstrapVue

이렇게 어느정도 기본 페이지 구현과, 페이지를 꾸밀 수 있다면, 다음은 DB나 API를 가져오는 것으로 정보를 뿌려주기, 로그인 기능, 도메인 가져오기 등으로 한단계 업그래이드 된 웹사이트를 구현할 수 있을 것이다. 이상 다음 쳅터에서 설명하겠다.