[typescript] 모듈과 네임스페이스의 사용 예시

12 Dec 2023

typescript

이 블로그에서는 TypeScript의 모듈과 네임스페이스의 기능과 사용법에 대해 알아보겠습니다.

모듈

모듈은 코드를 구성 및 재사용할 수 있게 하는 데에 중점을 둔 TypeScript의 기능입니다. 외부 모듈과 내부 모듈로 나뉘며, 외부 모듈은 export 키워드를 사용하여 코드를 공개하고, 다른 파일에서 import 키워드를 사용하여 가져올 수 있습니다.

예시:

// math.ts
export function add(x: number, y: number): number {
    return x + y;
}

// app.ts
import { add } from './math';
console.log(add(2, 3)); // 결과: 5

네임스페이스

네임스페이스는 전역 범위의 이름 충돌을 방지하고, 구조화된 방법으로 코드를 구성하기 위한 TypeScript의 기능입니다. 네임스페이스를 사용하여 모듈화된 코드를 정의하고, 외부에서 별칭(alias) 또는 짧은 이름으로 접근할 수 있습니다.

예시:

// shapes.ts
namespace Shapes {
    export function getArea(radius: number): number {
        return Math.PI * radius ** 2;
    }
}

// app.ts
/// <reference path="shapes.ts" />
console.log(Shapes.getArea(5)); // 결과: 78.54

이제 TypeScript의 모듈과 네임스페이스를 사용하는 기본적인 예시를 살펴보았습니다. 이러한 기능을 효과적으로 활용하여 구조화된 코드를 작성하고, 재사용성과 유지보수성을 높일 수 있습니다.

목차

모듈

네임스페이스

참고 자료