TypeScript와 JavaScript의 차이

우노구나·2025년 7월 13일

다음주 중으로 TypeScript로 작은 프로젝트를 진행할 것 같다.
나는 JavaScript만 사용해왔기에 이번 기회에 TypeScript를 배우려고한다.

차이점

Type 정의

JS

function greet(name) {
  return "Hello, " + name;
}

TS

function greet(name: string): string {
  return "Hello, " + name;
}

TypeScript에만 있는 고유 문법

interface (객체 구조 정의)

interface User {
  name: string;
  age: number;
}

function printUser(user: User) {
  console.log(user.name);
}

JavaScript에는 interface가 없다.

enum (열거형)

enum Color {
  Red,
  Green,
  Blue
}

let c: Color = Color.Green;

JavaScript에는 enum도 없다.

그리고 몇가지 더 있는데...

구분JavaScriptTypeScript
타입 시스템동적 타입 (변수 타입 자유)정적 타입 (컴파일 시 타입 검사)
✏️ 코드 작성 시기 오류 확인런타임에 오류 발생작성 중에 오류 감지 가능
🛠 도구 지원 (IDE, 자동완성)일부 지원매우 강력 (타입 기반 자동완성, 리팩토링)
👶 진입 장벽배우기 쉬움초반에 문법과 설정 조금 더 필요
🧱 코드 안정성실수하기 쉬움타입 덕분에 오류 방지에 유리
⚙️ 실행 방법바로 브라우저에서 실행tsc로 JS로 컴파일한 후 실행
📚 추가 기능기본 JavaScript 기능만 사용인터페이스, 제네릭, 타입 별칭 등 추가 기능

그런데 코드상의 차이는 별로 없는 것 같다...
큰 걱정없이 플젝 진행해도 될듯...!!

profile
기술 블로그

0개의 댓글