새소식

프론트엔드/typescript

삼중 슬래시 지시자

  • -

안녕하세요 lika-7입니다

이번 시간에는 TypeScript에서 삼중슬래시 지시자의 설명과 참조 태그와 함께 사용하는 법에 대해서 설명 하겠습니다

삼중 슬래시 지시자란

💡
1. 삼중 슬래시 지시자(/// Triple-slash Directives)는 TypeScript 파일에서 사용되는 특별한 주석 문법입니다. 2. 이 지시자들은 TypeScript 컴파일러에게 다른 파일을 참조하도록 하는 역할을 합니다

사용법

타입 정의 파일 참조

주로 “.d.ts” 확장자를 가진 타입 정의 파일을 참조하기 위해 사용됩니다

이러한 파일은 외부 JavaScript 라이브러리의 TypeScript 타입 정보를 제공하거나, 프로젝트 내의 커스텀 타입을 정의하는데 사용됩니다

/// <reference path="my-types.d.ts" />

삼중 슬래시 지시자는 위와 같이 정의 합니다

타입 정의 파일 참조 예시 코드

my-types.d.ts 라는 타입 정의 파일을 생성하고

//TypeScript
//main.ts

/// <reference path="./my-types.d.ts" />
import _ from 'lodash'
const str = 'the brown fox jumps over the lazy dog.'

console.log(_.camelCase(str))
console.log(_.snakeCase(str))
console.log(_.kebabCase(str)

위와 같이 삼중 슬래시 지시자와 참조 레퍼런스를 이용해 TypeScript 컴파일러가 lodash 패키지의 타입 파일의 위치를 알 수 있도록 명시해 줄 수 있습니다.

'프론트엔드 > typescript' 카테고리의 다른 글

tsconfig.json 구성 옵션  (0) 2023.09.21
타입 가져오기와 내보내기  (0) 2023.09.21
패키지의 타입선언  (0) 2023.09.21
제네릭(Generic) -제약조건(constraint)  (0) 2023.09.20
제네릭(Generic) -인터페이스  (0) 2023.09.20
Contents

포스팅 주소를 복사했습니다

이 글이 도움이 되었다면 공감 부탁드립니다.