러닝 타입스크립트

241

11

장

선언 파일

// styles.d.ts

declare module "*.module.css" {

const styles: { [i: string]: string };

export default styles;

}

// component.ts

import styles from "./styles.module.css";

styles.anyClassName; // 타입: string

WARNING

와일드카드 모듈을 사용해 로컬 파일을 나타내는 방식이 타입 안정성을 완벽히 보장하지는 않

습니다. 타입스크립트는 가져온 모듈 경로가 로컬 파일과 일치하는지 확인하는 메커니즘을 제공하지 않습니

다. 일부 프로젝트는 웹팩

webpack

같은 빌드 시스템을 사용하거나 로컬 파일에서

.

d

.

ts

파일을 생성해 가져오

기가 가능한지 확인합니다.

11.5

패키지 타입패키지 타입

프로젝트 내에서

declare

를 사용하는 방법을 살펴봤으므로 이제 패키지 간에 타입을 사용하

는 방법을 다룰 차례입니다. 타입스크립트로 작성된 프로젝트는 여전히

.

js

로 컴파일된 파일

이 포함된 패키지를 배포합니다. 일반적으로

.

d

.

ts

파일을 사용해 이러한 자바스크립트 파일

뒤에 타입스크립트 타입 시스템 형태를 지원하도록 선언합니다.

11.5.1 11.5.1

선언선언

타입스크립트는 입력된 파일에 대한

.

d

.

ts