Half Road

개발 환경vite + vue + typescript필요성개발을 하면서 대부분에 파일에서 필요한 모듈들이 있을 것이다.예를들어, 지금은 vue 프로젝트를 하니 vue 관련된 모듈들은 대부분 파일에서 import하고 있다.이러한 import 구문이 많아지면 가독성이 떨어지기도해서, build tool의 도움을 받아 자동으로 import를 하도록 설정하기로 하였다.설치설치 및 적용은 아주 간단하다.공식문서npm i -D unplugin-auto-import적용vite.config.tsimport AutoImport from 'unplugin-auto-import/vite'export default defineConfig({ plugins: [ vue(), AutoImport({ // global impor..

개발 환경vite + vue + typescript왜 사용하나?우리가 Vue 프로젝트를 하다 보면 전역 컴포넌트를 사용하는 일이 생긴다.또 플러그인으로 전역적으로 컴포넌트를 등록하는 일도 있다. (router, vuetify, pinia 등)이러한 전역 컴포넌트 사용 할 때 자동완성 기능의 도움을 받을려면 전역 컴포넌트에 대한 타입을 설정해주어야 한다.이뿐만 아니라 프로젝트내에 생성된 컴포넌트들도 자동으로 전역 컴포넌트를 등록해주는 기능을 한다.전역 컴포넌트 타입 등록 방법components.d.tsRouter를 Plugin 등록하여 사용하면 RouterLink, RouterView를 전역적으로 사용 가능 한데,이 두 Component 타입을 전역적으로 등록하기 위해 아래와 같이 작성한다.// compo..