스펜서 개발블로그

새로 프로젝트를 받아 설치를 마쳤는데 import문과 html 요소들, tsconfig.node.json 파일의 moduleResolution, allowImportingTsExtensions에서 빨간 줄이 나오고 있었다.하지만 서버는 정상적으로 빌드가 되고 실행이 되고 있었다. 이럴 때는 내 디바이스(vscode)에 설치된 타입스크립트 버전과 프로젝트의 타입스크립트 버전이 다른지 체크해주면 된다. vscode를 사용 중이라면 'cmd(alt) + shift + p'를 눌러서 'Typescript 버전 선택'을 눌러서 '작업 영역 버전 사용'을 눌러주면 된다.   만약 설정에서 보고 싶다면 설정에서 typescript를 찾아보면 아래와 같이 확인 할 수 있다.아래 변경된 항목(4번째)를 체크해주면 된다.

Vue.js 프로젝트에 타입스크립트를 적용하는 방법은 두 가지가 있습니다. 첫번째로 프로젝트를 생성할 때 타입스크립트를 선택할 수 있습니다.해당 옵션을 선택하여 진행할 경우, Vue.js 프로젝트가 생성되면서 환경설정 및 구조를 자동으로 생성하기 때문에 굉장히 편리하지만 필요한 특정 플러그인, 혹은 라이브러리의 버전을 수정하거나 구조를 수동으로 변경해야하는 번거로움이 있습니다. 두번째로 이미 존재하는 프로젝트에 타입스크립트를 적용하는 방법이 있습니다.이미 기존에 Vue.js와 자바스크립트로 진행했던 프로젝트가 있는 분들이 많이 선택하시는 방법으로 점진적으로 타입스크립트를 적용할 수 있습니다.nuxt를 설치하고 일부 값을 변경하여 빌드 환경을 구축하고 사용할 수 있는데, 기존 코드들의 타입을 선언해주어야 ..