TypeScript 네임스페이스 - 모듈과 네임스페이스 비교

TypeScript 네임스페이스는 코드를 논리적으로 그룹화하는 방법이지만, ES6 모듈이 더 권장됩니다.
이 글에서는 네임스페이스의 사용법과 모듈과의 차이점을 정리합니다.

---

1. 네임스페이스 기본

namespace Utils {
  export function formatDate(date: Date): string {
    return date.toISOString();
  }
  
  export const VERSION = "1.0.0";
}

// 사용
Utils.formatDate(new Date());

---

2. 중첩 네임스페이스

namespace Company {
  export namespace HR {
    export function getEmployees() {
      return [];
    }
  }
}

Company.HR.getEmployees();

---

3. 네임스페이스 vs 모듈

// 네임스페이스 (권장하지 않음)
namespace Math {
  export function add(a: number, b: number) {
    return a + b;
  }
}

// ES6 모듈 (권장)

  () {
   a + b;
}


 { add }  ;