네임스페이스와 모듈: 현대적인 사용법

환영합니다

네임스페이스란 무엇인가요

namespace Geometry {
  export interface Point { x: number; y: number; }
  export function distance(a: Point, b: Point): number {
    return Math.sqrt((a.x - b.x) ** 2 + (a.y - b.y) ** 2);
  }
}

네임스페이스 멤버에 접근하기

const p1: Geometry.Point = { x: 0, y: 0 };
const p2: Geometry.Point = { x: 3, y: 4 };
const d = Geometry.distance(p1, p2); // 5

중첩 네임스페이스

namespace App {
  export namespace Models {
    export interface User { name: string; }
  }
}
const u: App.Models.User = { name: 'Alice' };

네임스페이스 병합

namespace Validation {
  export function validate(s: string): boolean { return s.length > 0; }
}
namespace Validation {
  export function sanitize(s: string): string { return s.trim(); }
}

모듈을 선호하는 이유

네임스페이스에 대응하는 모듈

// geometry.ts
export interface Point { x: number; y: number; }
export function distance(a: Point, b: Point): number {
  return Math.sqrt((a.x - b.x) ** 2 + (a.y - b.y) ** 2);
}

선언 파일에서 네임스페이스가 여전히 사용되는 이유

// node.d.ts
declare namespace NodeJS {
  interface ProcessEnv { NODE_ENV?: 'development' | 'production'; }
}

삼중 슬래시 참조(레거시)

/// <reference types="node" />
/// <reference path="./other.d.ts" />

네임스페이스를 여전히 사용하는 경우

네임스페이스에서 모듈로 마이그레이션하기

빠른 확인

요약