- Vue.js 프레임워크를 사용하여 Vue가 제공하는 컴포넌트, Vuex, Vue-Router 기능들을 활용하고 이해하는 과정입니다.
Todo-List App을 작성하여 컴포넌트 기반 설계 방법과 구조화 방법을 적용하여 리팩토링 하고 Vuex를 사용하여 상태를 효율적으로 관리하고 Vue-Router를 사용하여 라우팅을 처리하는 방법을 학습합니다.
커리큘럼
1일차.
가. Vue.js3 프레임워크와 Vue CLI 활용하기
나. Vue.js 프레임워크의 아키텍쳐 소개하기
다. Vue CLI 사용하여 프로젝트 생성하기
라. ECMAScript6 소개하기
마. Babel과 Webpack 역할 소개하기
바. ECMAScript6의 문법 소개하기
사. 컴포넌트 소개 및 컴포넌트간의 통신 이해하기
아. Todo(할일 관리) App 생성하기
2일차.
가. Todo App 리팩토링 하기
나. Todo App UX 개선하기
다. Vuex 역할 및 구조 소개하기
라. Http클라이언트 작성을 위해 Axios 사용하기
마. Vue-Router 역할 소개하기
바. Todo(할일 관리) App에 Vue-Router 적용하기
사. Vite를 사용하여 프로젝트 생성하기
아. Pinia 라이브러리 소개 및 적용하기