TypeScript: 왜 그리고 어떻게 사용해야 할까?

📌 TypeScript란?

TypeScript는 Microsoft에서 개발한 JavaScript의 상위 집합(Superset)입니다. JavaScript에 정적 타입(static type) 기능을 추가하여 코드의 안정성을 높이고, 개발자 경험을 개선하는 언어입니다.

🔥 TypeScript를 써야 하는 이유

1. 정적 타입 시스템 → 컴파일 시점에 오류를 잡아줌
2. 강력한 코드 자동 완성 → IDE에서 타입 정보를 활용하여 더 정확한 자동 완성 제공
3. 더 나은 유지보수 → 코드 규모가 커질수록 안정성이 증가
4. 최신 JavaScript 기능 지원 → ES6+ 기능을 포함하면서도 구버전 JavaScript로 변환 가능
5. 대규모 프로젝트에 적합 → 팀 협업 시 코드 품질 유지에 유리

🛠️ TypeScript 기본 문법

1️⃣ 변수 선언

let message: string = "Hello, TypeScript!"; let count: number = 10; let isActive: boolean = true;

2️⃣ 함수에서 타입 지정

function add(a: number, b: number): number { return a + b; }

3️⃣ 객체 타입

type User = { name: string; age: number; }; const user: User = { name: "홍길동", age: 30 };

4️⃣ 인터페이스 (Interface)

interface Person { name: string; age: number; } const person: Person = { name: "이순신", age: 45 };

5️⃣ 제네릭 (Generics)

function identity<T>(arg: T): T { return arg; } console.log(identity<string>("Hello")); // "Hello" console.log(identity<number>(100)); // 100

🚀 TypeScript 시작하기

1️⃣ 설치하기

npm install -g typescript

2️⃣ TypeScript 파일(ts) 작성
hello.ts

const greeting: string = "Hello, TypeScript!"; console.log(greeting);

3️⃣ 컴파일 후 실행

sh

 

tsc hello.ts # JavaScript로 변환 node hello.js # 실행

🎯 TypeScript를 배우면 좋은 사람

✅ JavaScript를 이미 사용하고 있지만 더 안정적인 코드를 원한다면
✅ 규모가 큰 프로젝트에서 유지보수를 쉽게 하고 싶다면
✅ React, Angular, Vue 같은 프레임워크를 활용하는 프론트엔드 개발자라면

🔗 마무리

TypeScript는 처음엔 문법이 조금 까다로울 수 있지만, 익숙해지면 코드의 안정성과 유지보수성이 크게 향상됩니다. JavaScript 개발을 한다면 한 번쯤 꼭 배워볼 가치가 있는 언어입니다. 🚀