타입스크립트 프로젝트 설정 방법
npm init -y
npm i -D typescript
-D를 넣음으로써 typescript가 devDependencies에 추가됨
자바스크립트로 컴파일
touch tsconfig.json
- 새파일로 만들어도 되지만, 파일 이름을 꼭 tsconfig.json 으로 해야함
include : ts파일의 위치를 알려줌
outDit : 자바스크립트가 생성될 디렉토리 지정
package.json에 build 추가하고 npm run build 하면 tsc가 작동
타입스크립트를 컴파일해서 낮은 버전의 자바스크립트로 바꿔줌
target : 어떤 버전의 자바스크립트로 출력할지 지정
lib: 정의파일을 특정?
정의파일의 목표로 하는 런타임 환경을 알려줌
자바스크립트 코드가 어디서 실행될지, 어떤 환경인지
DOM을 적으면 브라우저 위에서 작동된다 생각함
Declaration Files : 정의 파일
타입정의?
타입스크립트가 자바스크립트 코드와 API의 타입을 설명하게 해줌
자바스크립트로 만들어진 라이브러리를 타입스크립트 프로젝트에 쓰려고 하면, 타입스크립트는 그것들의 타입을 알 수 없음. 허용은 해줌. 하지만 타입 정의가 필요
자바스크립트 파일과 모듈을 위한 타입 정의 작성 방법
타입스크립트가 보호해주지 못하는 이유는 strict모드로 설정되어있지 않아서.
tsconfig에서 strict: true로 설정하면 에러 발생
정의 파일은 자바스크립트 코드의 모양을 타입스크립트에게 설명해주는 파일
.d.ts로 끝나는 파일
interface Config {
url: string;
}
declare module 'myPackage' {
function init(config: Config): boolean;
}JSDoc : 코멘트로 이루어진 문법
프로젝트 안에 자바스크립트와 타입스크립트 파일이 같이 들어있는 경우.
자바스크립트에서 타입스크립트로 이전하는 경우
