타입스크립트에서 모듈을 불러오는 방법에 대해 알아보겠습니다. 다양한 방법으로 모듈을 불러올 수 있지만, 주로 import와 export 키워드를 사용하여 모듈을 관리합니다.

1. 내보내기 (Export)

타입스크립트에서 모듈을 다른 파일에서 사용할 수 있도록 내보내려면 export 키워드를 사용합니다.

// Greetings.ts
export function sayHello(name: string) {
  console.log(`Hello, ${name}!`);
}

위 예제에서 sayHello 함수를 Greetings.ts 파일에서 export 하고 있습니다.

2. 가져오기 (Import)

내보낸 모듈을 다른 파일에서 사용하려면 import 키워드를 사용합니다.

// App.ts
import { sayHello } from './Greetings';

sayHello('World');

위 예제에서는 Greetings.ts 파일에서 export한 sayHello 함수를 App.ts 파일에서 import하여 사용하고 있습니다.

3. 기본 내보내기 (Default Export)

기본 내보내기를 사용하여 모듈을 내보내려면 export default 키워드를 사용합니다.

// Calculator.ts
const add = (a: number, b: number) => {
  return a + b;
}

export default add;

기본 내보내기를 한 경우, 다음과 같이 import하여 사용할 수 있습니다.

// App.ts
import add from './Calculator';

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

4. 여러 항목 가져오기

여러 항목을 한번에 가져오려면 “as” 키워드를 사용할 수 있습니다.

// App.ts
import * as Greetings from './Greetings';

Greetings.sayHello('World');

위 예제에서는 Greetings.ts 파일에서 내보낸 모든 항목을 Greetings라는 이름으로 가져오고 있습니다.

태그: 타입스크립트, 모듈, 내보내기, 가져오기, export, import

이제 타입스크립트 모듈을 불러오는 방법에 대해 간략히 살펴보았습니다. 다양한 모듈 시스템이 있지만, 기본적인 import와 export 키워드를 통해 모듈을 효과적으로 관리할 수 있습니다.