[Typescript] 19장 네임스페이스

1. 단일 파일 검사기

타입스크립트는 기본적으로 하나의 파일로 작성된 네임스페이스를 지원하며, 이를 통해 네임스페이스 내의 모든 요소를 한번에 검사할 수 있습니다.

namespace SingleFileNameSpace {
  export function greet(name: string) {
    console.log(`Hello, ${name}!`);
  }
}

SingleFileNameSpace.greet('John Doe'); // Hello, John Doe!

2. 네임스페이스 적용하기

네임스페이스를 사용하여 관련된 코드 조각을 그룹화할 수 있습니다. 예를 들어, 여러 함수와 클래스를 포함하는 네임스페이스를 만들 수 있습니다.

namespace MathUtils {
  export function add(a: number, b: number): number {
    return a + b;
  }

  export function subtract(a: number, b: number): number {
    return a - b;
  }
}

console.log(MathUtils.add(5, 3)); // 8

3. 파일 간 분할

네임스페이스는 여러 파일로 분할할 수 있습니다. 각 파일에 동일한 네임스페이스 이름을 사용하여 기능을 추가할 수 있습니다.

// file1.ts
export namespace MyApp {
  export function functionA() {
    console.log('Function A');
  }
}


// file2.ts 
export namespace MyApp {
  export function functionB() {
    console.log('Function B');
  }
}


// file-in.ts
import { MyApp } from './file1';
import { MyApp as MyApp2 } from './file2';

MyApp.functionA();
MyApp2.functionB(); // Function B

 

 

GitHub - Koras02/typescript-bloging

Contribute to Koras02/typescript-bloging development by creating an account on GitHub.

github.com

 

LIST

'Front-End > TypeScript' 카테고리의 다른 글

[TypeScript] 18장 모듈  (0) 2025.04.01
[Typescript] 17장 믹스인  (0) 2025.03.27
[Typescript] 16장 JSX  (0) 2025.03.24
[Typescript] 15장 이터러블 타입  (0) 2025.03.22
[TypeScript] 14장 유티릴티 타입  (1) 2025.03.20