JavaScript의 확장
JavaScript의 모든 기능을 포함
타입스크립트는 JavaScript의 모든 기능을 포함하고 있습니다. 이는 다음과 같은 의미를 가집니다:
- JavaScript의 문법과 구조를 그대로 사용할 수 있습니다.
- JavaScript의 내장 객체와 메서드들을 그대로 활용할 수 있습니다.
- JavaScript의 동적 타이핑 특성을 유지하면서도 추가적인 타입 체크 기능을 제공합니다.
예를 들어, 다음과 같은 JavaScript 코드는 그대로 TypeScript에서 사용할 수 있습니다:
function greet(name: string) {
console.log(`Hello, ${name}!`);
}
const numbers = [1, 2, 3];
numbers.forEach(num => console.log(num));
이 코드는 JavaScript의 템플릿 리터럴과 화살표 함수를 사용하고 있으며, TypeScript에서도 완벽하게 작동합니다.
새로운 언어가 아닌 JavaScript의 슈퍼셋
타입스크립트는 새로운 프로그래밍 언어가 아니라 JavaScript의 확장입니다. 이는 다음과 같은 의미를 가집니다:
- 타입스크립트는 JavaScript에 추가적인 기능을 제공하지만, 기존 JavaScript 문법을 변경하지 않습니다.
- 모든 유효한 JavaScript 코드는 그대로 유효한 TypeScript 코드입니다.
- 개발자는 필요에 따라 점진적으로 타입스크립트의 기능을 도입할 수 있습니다.
JavaScript 코드의 완벽한 호환성
- 기존 JavaScript 프로젝트를 쉽게 TypeScript로 마이그레이션할 수 있습니다.
- JavaScript 라이브러리와 프레임워크를 TypeScript 프로젝트에서 직접 사용할 수 있습니다.
- 타입 스크립트 코드는 JavaScript로 컴파일되어 모든 JavaScript 환경에서 실행될 수 있습니다.
예를 들어, 다음과 같은 JavaScript 모듈을 TypeScript 파일에서 쉽게 가져와 사용할 수 있습니다:
import { greet } from './javascriptModule';
// TypeScript의 타입 추론으로 인해 greet 함수의 타입이 자동으로 추론됩니다.
greet('World'); // 출력: Hello, World!
이러한 호환성 덕분에 개발자는 기존 JavaScript 코드베이스를 유지하면서도 점진적으로 TypeScript의 이점을 활용할 수 있습니다. 또한, 새로운 프로젝트에서도 JavaScript와 TypeScript를 혼합하여 사용할 수 있어 유연성이 높습니다.
'JavaScript > TypeScript' 카테고리의 다른 글
tsc 명령어 사용법[TypeScript] (0) | 2024.12.19 |
---|---|
TypeScript - ECMAScript 표준과의 관계 (0) | 2024.12.19 |
간단한 함수 작성 및 호출(TypeScript) (1) | 2024.12.19 |
TypeScript - 브라우저 호환성 (0) | 2024.12.18 |
타입스크립트: 정적 타입 체크의 이점 (0) | 2024.12.18 |