네임스페이스 만들기

먼저, example.ts 파일에 다음과 같이 네임스페이스를 만들어봅시다.

// example.ts
namespace MyNamespace {
  export function sayHello() {
    console.log("Hello from MyNamespace");
  }
}

위 코드에서 sayHello 함수는 MyNamespace 네임스페이스 안에 있고, export 키워드를 사용하여 외부에서 접근 가능하게 만들었습니다.

다른 파일에서 사용하기

이제, app.ts 파일에서 example.ts 파일의 네임스페이스를 사용해봅시다.

// app.ts
/// <reference path="example.ts" />

MyNamespace.sayHello();

app.ts 파일의 첫 부분에 /// <reference path="example.ts" /> 주석을 추가하여 example.ts 파일을 참조하고, 이후에 MyNamespace.sayHello()를 호출하여 sayHello 함수를 실행합니다.

이제 app.ts를 컴파일하고 실행하면 Hello from MyNamespace가 출력될 것입니다.

이렇듯, 다른 파일에서 네임스페이스를 사용하려면 /// <reference path="example.ts" />를 사용하여 해당 네임스페이스를 참조하고, 필요한 함수나 변수를 호출하면 됩니다. 이를 통해 TypeScript에서 네임스페이스를 구조화된 방법으로 사용할 수 있게 됩니다.