본문 바로가기

Typescript

(2)
[vite] vite의 기본 타입스크립트 설정에 대해 (tsc composite build) 작성 배경vite 프로젝트를 세팅하고 있었다.vite 홈페이지의 설명을 따라 init을 실행하고 생성된 프로젝트를 실행하니 타입스크립트가 세팅되어 있었다. 여기서 궁금한 게 있었다. 1. package.json에서 npm run build 커맨드는 "tsc -b && vite build" 로 설정되어 있다.그런데 왜 tsc -b 일까.tsc 컴파일링은 "tsc" 만 해도 되는데 말이다.2. 1에 대한 궁금증으로 인해 npm run build 커맨드를 "tsc && vite build" 로 바꿔보았다.그러자 소스 코드에 있던 타입 에러가 나오지 않았다. 왜 이런 차이가 생긴 걸까. 원인 분석tsc -b에 대해tsc -b가 뭘까.콘솔에 $ npx tsc -help 를 입력하면 다음 같이 소개한다. ts..
[typescript] d.ts(type declaration file)는 무엇이고 왜 사용하는걸까 개발 소스코드나 라이브러리를 열어보면 global.d.ts 나 asset.d.ts 처럼 d.ts 형식의 파일을 찾아볼 수 있다.이 파일이 타입스크립트용 파일이라는 건 알고 있지만, ts 파일과 어떤 차이가 있고 왜 사용하는 걸까. d.ts 파일이란?d.ts 파일이 만들어지는 경우는 두 가지다.타입스크립트 컴파일링타입스크립트로 만든 개발 소스는 타입스크립트 컴파일러(tsc)를 통해 컴파일링하여야 런타임에서 작동 가능한 js 파일을 산출한다. 이 때, 타입 코드는 .d.ts로 산출할 수 있다.개발자가 수동으로 타입 보강(type augmentation)을 하는 경우전역 객체(window, globalthis)에 데이터를 추가하거나 수정하는 경우, 혹은 타입 선언이 없는 라이브러리를 쓰는 경우 d.ts 파일을..