Vue.js 유용한 자료 모음

Captain Pangyo 님의 Vue.js 자료들

1, Vue.js 입문서

Vue.js의 개념들을 친절히 설명해주는 자료이다.

Vue.js 입문서 (opens new window)

2. Vuex 시작하기 시리즈

Vuex를 step by step으로 정말 친절하게 설명해주신다!!

물론 Vuex의 공식문서도 친절한 편이지만,

기존에 React와 같은 프레임워크를 경험해보지않아서 state 개념이라거나 Action, Getter, Mutation에 대한 개념이 아예 없는 뉴비라면 이해하기 다소 어려운 부분이 존재한다.

하지만 이 시리즈는 Vue로 프론트엔드에 입문하는 사람이더라도 이해할수있도록 만든 시리즈같다는 인상을 준다.

Vuex 시작하기1 - Vuex와 state (opens new window)

Vuex 시작하기2 - Getters와 Mutations (opens new window)

Vuex 시작하기 3 - Actions 와 폴더 구조화 (opens new window)

3. (중급) Vue.js 라우터 네비게이션 가드 알아보기

Vue.js 라우터 네비게이션 가드 (opens new window)

Vue.js 한국 사용자 모임 자료들

1. vue + vue-router + vuex

특이사항: 디렉토리 구조가 아름다움, boilerplate로 써도 좋을것같음

vue + vue-router + vuex (opens new window)

Vue.js + PWA + S3 + CloudFront 배포

Vue.js + PWA + pre-render 프로젝트 틀 잡기 (feat. AWS S3를 이용한 웹호스팅) (opens new window)

Vue.js 튜토리얼 모음

(영어) A progressive Web application with Vue JS, Webpack & Material Design 튜토리얼 시리즈 (opens new window)

(한글) Vuex, Vue-router, Axios를 이용한 SPA 인증 구현 (opens new window)

(영어) Learn Vuex by Building a Notes App (opens new window)

Vue.js + PWA

Creating Your First Vue.js PWA Project (opens new window)

vue-starter (opens new window)

Build a progressive web app using Vue CLI 3 (opens new window)

How to use PWA plugin in Vue CLI 3.0 (opens new window)

PART 1 A progressive Web application with Vue JS, Webpack & Material Design (opens new window)

PART 3 Offline experience with Service Workers (opens new window)

Boilerplate

5 Awesome Boilerplates/Templates For VueJS Projects (opens new window)