JavaScript 파일에서 TypeScript처럼 코드를 보호받을 수 있도록 하는 방법에 대해 알아보겠습니다.
@ts-check
JavaScript 파일에서 오류를 활성화하려면 // @ts-check
를 .js 파일의 첫 번째 줄에 추가하여 TypeScript가 오류를 발생시키도록 합니다. TypeScript는 여러 오류를 제공할 수 있습니다.
아래 코드는 TypeScript와 같이 함수 파라미터에 정의가 되어 있지 않아 오류가 발생합니다.
1 | // @ts-check |
이러한 오류를 무시하고 싶다면 // @ts-ignore
또는 // @ts-expect-error
를 추가하여 특정 줄의 오류를 무시할 수 있습니다.
JSDoc Reference
JSDoc 주석을 사용하여 JavaScript 파일에 type 정보를 제공할 수 있습니다. (자바스크립트 파일에서 타입 정보를 제공할 수 있습니다.)
1 | // @ts-check |
JSDoc 주석을 통해 타입을 정의하고 TypeScript 파일에서 다음과 같이 함수를 사용할 수 있습니다.
1 | init({ |
주의 사항
@ts-check
를 사용하면 JavaScript 파일 내에서 타입 검사를 허용합니다.@ts-check
를 사용하지 않고 JSDoc 만 사용하면 TypeScript 파일에서는 JavaScript의 타입을 검사 하지만, JavaScript 내에서는 단순 주석이나 타입을 명시하는 정도로만 사용할 수 있는 것 같습니다