자바스크립트에서는 없었던 타입 지정

앞선 설명에서 계속 반복됬던 내용이듯 자바스크립트에서 사용하던 API 등을 사용하기 위해서는 타입스크립트에 맞게 타입을 지정해줘야 한다.

./src/myPackage.js

export function init(config){
    return true;
}

export function exit(code){
    return code +1;
}

만약 위 예시코드처럼 export 하는 함수가 2개 있다고 가정하고 저 내용들을 index.ts 파일에서 사용하려고 하면 다음과 같은 오류가 발생한다.

자바스크립트에서 사용하듯이 동일하게 했지만 지금처럼 찾을수 없거나 정의되지 않았다라고 나오는 이유는 타입스크립트에서는 자바스크립트의 api 등을 사용하기 위해서는 타입을 지정해줘야 하기 때문이다.

./src/myPakage.d.ts

interface Config {
    urls : string
}

declare module "myPackage"{
    function init(config:Config) : boolean;
    function exit(code:number) : number;
}

위 파일의 코드내용은 내가 사용하려고 했던 함수들인 init 과 exit의 파라미터로 들어올 값의 타입을 지정해주는 코드이다. 이제 이 파일을 저장하고 다시 원래 파일인 index.ts 로 돌아가면 이제는 함수를 찾을수 있는 것을 볼 수 있다.