Vue.js 프레임워크을 사용하여 Vue가 제공하는 컴포넌트, Vuex, Vue-Router 기능들을 잘 활용하고 이해하는 과정임. 강의 방식은 코드중심의 형태로 구성되어 있음. Todo-List App을 제작하며 컴포넌트 기반 설계 방법과 구조화 방법을 익힌 후, ES6의 개념을 학습하여 애플리케이션 코드에 적용함으로써 애플리케이션 코드를 개선해 나가는 과정임.
훈련대상
가. 최신 프론트엔드 라이브러리를 사용하여 직무능력 향상을 희망하는 재직자, javascript 프로그래밍 가능자
교육시간
15시간
커리큘럼
가. Vue.js 프레임워크와 Vue CLI
- Vue.js 프레임워크의 아키텍처
- Vue CLI 사용하여 프로젝트 생성
나. ECMAScript6와 Babel 소개
- const&let 설명 및 정리
- 변수 scope와 hoisting
- 화살표 함수 소개 및 정리
- Babel의 역할
다. Vue 컴포넌트와 데이터 바인딩
- 컴포넌트 소개 및 컴포넌트 간의 통신
- 전역&지역 컴포넌트 차이점과 컴포넌트 등록
라. VueX 소개 및 HTTP 통신
- 라우터 소개
- Nested 라우터와 Named View
마. Vue 라우터
- Vuex 소개
- Vuex가 필요한 이유 및 구조
- Mutations와 commit() 형식 소개
- 뷰리소스와 Axios