타입스크립트(TypeScript)는 JavaScript 언어에 정적 타입을 지원하는 프로그래밍 언어입니다. 타입스크립트 코드를 JavaScript 코드로 변환하는 방법은 크게 두 가지가 있습니다. 이 글에서는 각각의 변환 방식에 대해 간단히 설명하고 사용 예시를 제시하겠습니다.

1. 컴파일러 변환 (Compiler Transpilation)

타입스크립트는 소스 코드를 변환하여 JavaScript 코드로 출력하는 컴파일러를 제공합니다. 이를 통해 타입 체크, 문법 변환 등의 기능을 활용할 수 있습니다. 아래는 간단한 예시 코드와 변환 과정을 보여줍니다.

// TypeScript 코드
function greet(name: string) {
  return `Hello, ${name}!`;
}

console.log(greet("TypeScript"));

위의 TypeScript 코드를 tsc(타입스크립트 컴파일러)를 사용하여 JavaScript 코드로 변환하면 다음과 같은 출력이 생성됩니다.

// JavaScript 코드 (변환된 결과)
function greet(name) {
  return `Hello, ${name}!`;
}

console.log(greet("TypeScript"));

2. 바벨 변환 (Babel Transpilation)

타입스크립트 코드를 JavaScript 코드로 변환하는 또 다른 방법은 바벨(Babel)을 사용하는 것입니다. 바벨은 주로 ES6+ 코드를 하위 버전의 JavaScript 코드로 변환하는데 사용되지만, 타입스크립트도 변환할 수 있습니다. 아래는 바벨을 사용하여 타입스크립트 코드를 JavaScript 코드로 변환하는 예시입니다.

// Babel 설정 파일 (babel.config.js)
module.exports = {
  presets: [
    "@babel/preset-env",
    "@babel/preset-typescript"
  ]
};

위의 설정을 사용하여 바벨을 실행하면 타입스크립트 코드를 JavaScript 코드로 변환할 수 있습니다.

이렇게 두 가지 방식을 사용하여 타입스크립트 코드를 JavaScript 코드로 변환할 수 있습니다. 개발 환경과 요구사항에 맞춰 적절한 방식을 선택하여 사용할 수 있습니다.

더 자세한 내용은 타입스크립트 공식 문서를 참고하세요.