[typescript] 타입스크립트에서 모듈을 선언하는 방법

12 Dec 2023

타입스크립트에서 모듈을 선언하는 방법은 여러 가지가 있습니다. 모듈은 코드를 더 작고 재사용 가능한 단위로 나누는 데 사용됩니다. 이 글에서는 타입스크립트에서 모듈을 선언하고 사용하는 방법에 대해 알아보겠습니다.

내보내기 (Export)

모듈에서 특정한 기능이나 변수를 외부에서 사용할 수 있도록 내보내려면 export 키워드를 사용합니다. 아래는 간단한 예제입니다.

// 모듈 파일 MyModule.ts
export function myFunction() {
    // 코드 작성
}

export const myVariable = 10;

외부 모듈에서 내보낸 기능이나 변수를 사용하기 위해서는 import 문을 사용하여 해당 모듈을 가져와야 합니다.

// 다른 파일에서 모듈 가져오기
import { myFunction, myVariable } from './MyModule';
console.log(myVariable); // 10
myFunction(); // 함수 실행

모듈에서 기본적으로 내보내는 항목은 default 키워드를 사용하여 지정할 수 있습니다.

// 모듈 파일 MyDefaultModule.ts
const defaultVariable = 20;
export default defaultVariable;

// 다른 파일에서 기본으로 가져오기
import defaultVariable from './MyDefaultModule';
console.log(defaultVariable); // 20

여러 항목을 한 번에 가져오는 와일드카드 가져오기 기능도 지원됩니다.

// 다른 파일에서 와일드카드 가져오기
import * as myModule from './MyModule';
console.log(myModule.myVariable); // 10
myModule.myFunction(); // 함수 실행

위와 같이 타입스크립트에서 모듈을 선언하고 사용하는 다양한 방법에 대해 알아보았습니다. 모듈을 이해하고 적절히 활용하여 코드를 구조화하는 데 도움이 되길 바랍니다.