TypeScript기반 VueJS 개발하기
주제
Front-End 개발
강사명
백명숙
교육목표
- 기존의 자바스크립트 기반 Vuejs 프로젝트에 타입스크립트를 점진적으로 적용하는 방법을 학습하고 @types 라이브러리를 사용하며,
Vite를 사용하여 Typescript 기반 Vuejs 프로젝트를 생성하여 Vuex의 새로운 버전인 Pinia를 사용하여 Type Safe 한 상태관리(State Management)를 적용 해보는 과정입니다.
커리큘럼
1일차.
가. 개발환경설정 및 프로젝트 생성하기
나. Vue-CLI를 사용하여
Typescript 기반 VueJS 프로젝트 생성하기
다. Props 속성, VueX, 컴포넌트에 타입스크립트 적용하기
라. Definitely Typed @types 라이브러리 사용하기
마. Typescript 기반 Vuex 사용하여 모듈화 하기
바. Typescript로 NodejS 기반
Express를 사용하여 REST API 서버 구현하기
사. REST API 서버와 통신할 때 사용될 Type과 인터페이스 정의하기
아. Vue3 Composition API에 TypeScript 적용하기
2일차.
가. Axios 사용하여 Http 통신하기
나. 환경(Environment) 설정파일 작성하기
다. Vue-Router 적용하기
라. Vite 빌드 라이브러리 소개하기
마. Vite를 사용하여 Typescript 기반 VueJS 프로젝트 생성하기
바. Pinia 라이브러리 소개하기
사. 좀 더 직관적이고 타입 세이프 한 Pinia 라이브러리 적용하기
아. 기존 자바스크립트 기반 Vuejs 프로젝트에 TypeScript 적용하기
교육시간
2일 16시간
훈련대상
가. ECMAScript, TypeScript
1 more property
