Vue
1.Vue 01 Intro
CSR vs SSR / vue의 MVVM
2.Vue 02 Basic
Vue Instance & Vue Data Binding : View와 Model 사이의 중개자 역할을 하는 Vue
3.Vue 03 grammar
vue 기본 문법 (v-for, v-if,v-show, v-on, v-model, v-text,v-html, filters)및 lodash
4.Vue 04 Coding Style Guide
Vue Style Guide > 개발자에게 코드는 얼굴이다!
5.Vue 05 Single File Component
Component : 다시 사용할 수 있는 범용성을 위해 개발된 소프트웨어 구성요소 Single File Component : 화면의 특정 영역에 대한 HTML, CSS, JavaScript 코드를 하나의 파일(.vue) 에서 관리하기!
6.Vue 06-1 Develope based on SFC
📚 SFC 기반으로 개발하기 위한 Node.js & Webpack & Babel 개념
7.Vue 06-2 Develope based on SFC 2
💻 Single File Component로 개발하기 위한 Node.js & Vue CLI 설치
8.Vue 07 Computed & Watch
Vue Computed & Watch > Vue에서 데이터를 다루는 Options에 대해 알아봅시다
9.Vue 08 Lifecycle Hook
Lifecycle의 개념과 훅(created, Mounted, beforeUpdate, Updated, beforDestroy)
10.Vue 09-1 Vue-CLI & router Project 개념
📚 Vue 프로젝트를 만들기 위해 vue 구조와 vue router에 대해 알아봅시다.
11.Vue 09-2 Vue-CLI & router Project 구현
💻 vue-cli 와 router를 활용해서 간단하게 로또번호 추첨 SPA를 만들어보겠습니다.
12.Vue 09-3 Vue-CLI & router Project 보충
Vue Router 추가 개념 ⭐ 1. 다른 컴포넌트로 보내기 2. 주소창으로 넘긴 데이터 활용하기
13.Vue 10-1 Pass Props & Emit Events PJT 개념
📚Vue에서 데이터를 관리하기 위한 Pass Props & Emit Events에 대해 알아봅시다!
14.Vue 10-2 Pass Props & Emit Events PJT 구현
💻 pros와 emit를 사용해서 유투브 검색 SPA를 만들어봐요 ⭐ 추가적으로 filters 쓰는 법도 배웁니다
15.Vue 11-1 Vuex Project 개념
📚 Vuex를 활용하여 TodoList를 만들기 위해 vuex에 대한 개념부터 알아봅시다. / (actions, mutations, state, component, getters)
16.Vue 11-2 Vuex Project 구현
💻 Vuex를 활용하여 TodoList를 직접 구현해봅시다!
17.Vue 11-3 Vuex Project 보충
💻 vue-persistedstate 플러그인을 사용하여 localStorage 사용하기
18.Vue 12 EC2에서 Vue 배포하기
Nginx 웹서버를 통해 Vue를 배포하는 방법에 대해 간단하게 소개하려고 합니다.