출시·고도화 중
Programming language · 2012년 공개
TypeScript는 JavaScript에 정적 타입을 더한 언어로, 실행 전에 오류를 찾고 규모가 큰 코드를 안전하게 다루도록 돕습니다.
TypeScript는 Microsoft가 만들어 2012년에 공개한 오픈 소스 언어입니다. JavaScript의 상위 집합이라 기존 JavaScript 코드도 그대로 유효하며, 그 위에 타입 표기와 인터페이스, 제네릭 같은 기능을 더합니다. 컴파일러가 타입을 검사한 뒤 타입 정보를 지운 평범한 JavaScript를 만들어 내므로, 브라우저와 Node.js 등 JavaScript가 실행되는 곳이면 어디서든 쓸 수 있습니다.
타입 검사 덕분에 오타, 잘못된 인자, undefined 값 접근 같은 실수를 코드를 실행하기 전에 잡을 수 있습니다. 편집기는 타입 정보를 바탕으로 자동 완성과 이름 바꾸기, 정의로 이동을 정확하게 제공합니다. 그래서 여러 사람이 오랫동안 함께 다루는 웹 앱과 서버, 라이브러리에서 특히 효과가 큽니다.
JavaScript 기초를 먼저 익힌 뒤 공식 핸드북을 차례로 읽으며 배우는 것을 권합니다. 설치 없이 TypeScript Playground에서 코드를 써 보며 컴파일 결과를 바로 확인할 수 있고, 기존 JavaScript 프로젝트라면 파일 몇 개부터 .ts로 바꾸며 점진적으로 도입할 수 있습니다.
타입이 맞지 않는 코드를 실행 전에 찾아내 런타임 오류를 줄입니다.
모든 곳에 타입을 적지 않아도 컴파일러가 값과 문맥에서 타입을 알아냅니다.
기존 JavaScript 라이브러리를 그대로 쓸 수 있고, 진행 중인 프로젝트에 단계적으로 도입할 수 있습니다.
유니언, 제네릭, 조건부 타입 등으로 복잡한 데이터 구조와 API를 정확하게 표현합니다.
nodejs.org에서 LTS 버전을 내려받아 설치합니다. macOS와 Linux에서는 패키지 관리자로 설치해도 됩니다. 설치 후 터미널에서 버전이 나오는지 확인합니다.
node --version프로젝트 폴더에서 TypeScript를 개발 의존성으로 설치합니다. 프로젝트마다 설치해 두면 팀원 모두가 같은 컴파일러 버전을 씁니다.
npm install --save-dev typescriptnpx로 프로젝트에 설치된 tsc를 실행해 버전이 나오는지 확인합니다.
npx tsc --versiongreet 함수는 매개변수 name과 반환값이 모두 문자열이라고 타입을 밝힙니다. npx tsc hello.ts가 타입을 검사하고 hello.js를 만들면, node hello.js가 Hello, TypeScript!를 출력합니다. greet(42)처럼 숫자를 넘기면 컴파일 단계에서 오류가 납니다.
hello.ts
function greet(name: string): string {
return `Hello, ${name}!`;
}
console.log(greet("TypeScript"));npx tsc hello.ts && node hello.js설치부터 TypeScript 의 핵심 개념까지, 여섯 장으로 차근차근 따라 합니다.
TypeScript 에 관해 묻고, 경험을 나누고, 의견을 주고받는 곳입니다.
아직 토론이 없습니다. 첫 이야기를 시작해 보세요.
댓글 0개
로그인 · 로그인하면 댓글을 남길 수 있습니다.
첫 댓글을 남겨 보세요.