🌳 고급 고급
TypeScript가 뭔가요?
쉽게 이해하기
TypeScript는 주문서에 규격을 명확히 적는 것과 같아요. JavaScript가 '음료 하나'라고만 쓴다면, TypeScript는 '따뜻한 아메리카노 톨 사이즈'처럼 구체적으로 명시해요. 잘못된 주문을 넣으면 주문 단계에서 바로 알려주죠.
핵심 정리
JavaScript에 타입을 추가한 언어로, 실행 전에 에러를 미리 잡을 수 있어요.
자세히 알아보기
TypeScript는 마이크로소프트가 만든 JavaScript의 상위 집합 언어예요. 기존 JavaScript 코드는 모두 유효한 TypeScript 코드이고, 여기에 타입 시스템이 추가된 거예요.
가장 큰 장점은 개발 단계에서 에러를 잡는다는 거예요. JavaScript에서는 `user.naem`처럼 오타를 내도 실행해봐야 알 수 있어요. 하지만 TypeScript는 코드를 쓰는 순간 'name이 아니라 naem은 없어요'라고 알려줘요.
타입을 명시하면 코드의 의도가 명확해져요. `function add(a: number, b: number): number`라고 쓰면, 이 함수가 숫자 두 개를 받아서 숫자를 리턴한다는 걸 누구나 알 수 있어요. IDE의 자동완성도 훨씬 정확해지죠.
인터페이스와 제네릭 같은 고급 기능도 있어요. 복잡한 데이터 구조를 타입으로 정의하고, 재사용할 수 있어요. 큰 프로젝트일수록 TypeScript의 가치가 커져요. 팀원이 작성한 코드를 이해하기 쉽고, 리팩토링도 안전하게 할 수 있거든요.
처음엔 러닝 커브가 있어요. 타입을 일일이 정의해야 하니 귀찮게 느껴질 수도 있어요. 하지만 프로젝트가 커지면 TypeScript가 절약해주는 디버깅 시간이 훨씬 많아요. 요즘 대부분의 모던 프레임워크가 TypeScript를 지원하고 권장해요.