# 5. 점진적인 타입스크립트 적용 방식 1단계 - 라우터, HOC, 유틸 함수

###### tags: `지호`, `Vue.js + TypeScript 완벽 가이드`

---

## 1. 뷰 프로젝트에 타입스크립트를 점진적으로 적용하는 방법
- Vue+Typescript 프로젝트 생성
- 기존 서비스 코드와 라이브러리를 새 프로젝트에 이동
- 기본적인 빌드 에러 해결
- 타입스크립트의 혜택을 볼 수 있는 주요 파일들 위주로 .js -> .ts로 변환하며 적용

## 2. HOC 파일에 TS 적용 및 라우터 네비게이션 함수 로직 개선

vue-router
- Route
NavigarionGuardNext<Vue>


async/await 사용 및 next 이용