목표
- Vue 와 ECMAScript 6 을 활용하여 단일 페이지 프론트엔드 개발을 할 수 있다.
- Router 를 활용 하여 다수의 화면 컨트롤 할 수 있다.
- Vuex 를 활용하여 클라이언트 상태 관리를 할 수 있다.
- MVC, MVVM 패턴의 차이를 이해 하고 개발 할 수 있다.
- Vue OpenSource 를 활용 할 수 있다.
- Axios 라이브러리를 활용하여 REST API 와 통신 하는 웹을 개발 할 수 있다.
- Vue & Nuxt 를 활용한 JamStack 기반 블로그를 개발 할 수 있다.
커리큘럼
1주차 : Javascript 기본
-
변수 및 연산자, 조건문등 자바스크립트 기본 리뷰
-
문서 객체 모델 (DOM) 리뷰
-
브라우저 객체 모델 (BOM) 리뷰
-
자바스크립트 MVC 개념 이해
-
_ MVC vs MVVM 개념의 이해
-
ECMAScript 6 기본 문법
2주차 : Vue.JS - 인스턴트/컴포넌트
- Vue JS 이해 및 환경설정
- 인스턴스 & 컴포넌트 소개
- Vue 인스턴스의 유효 범위
- Vue 인스턴스 옵션 속성
- Vue 인스턴스 라이프 사이클
- 컴포넌트 등록
- Vue 컴포넌트 정의
- Vue 컴포넌트 통신
3주차 : Vue.JS - 라우터 / Vuex
- Vue Router 설치 및 설정
- 동적 Router 매칭
- 중첩된 라우트 사용
- Redirect / Alias
- 히스토리 관리
- 프로젝트 생성도구 (Vue CLI)
- Vuex의 개념 및 구조의 이해
- Vuex 설치 및 등록
- State, Mutations, Actions, Getters 이해 및 활용
- 헬퍼 함수
- Vuex는 저장소(store) 속성 및 모듈화
4주차 : Vue & Nuxt 로 만드는 정적 블로그
- Netlify 란?
- Vue 와 Nuxt
- JamStack 의 이해
- JAMStack 기반 블로그 개발
5주차 : Vue & Nuxt 로 만드는 정적 블로그 개발 리뷰
- JamStack 기반 블로그 개발 리뷰
