[Dev] TypeScript #1

TypeScript is JavaScript with syntax for types

 

타입스크립트는 타입을 위한 구문이 있는 자바스크립트이다

자바스크립트를 알고 있어야 타입스크립트를 이해할 수 있다는 말이다

자바스크립트에서 배웠던 문자열, 숫자, 객체 등의 모든 자료형은 데이터의 형태를 의미하며

타입스크립트는 변수나 매개변수, 반환값 등의 데이터 값에 타입을 부여한다

기존 자바스크립트 문법과 비교를 해보면

// typescript
const hello: string = 'Hello World';

// javascript
const hello = 'Hello World';

hello 변수가 string 타입임을 표기

// typescript
function add(x: number, y:number): number {
    return x + y;
}

// javascript
function add(x, y) {
    return x + y;
}

add 함수의 매개변수인 x, y가 number이며 반환값도 number 타입임을 표기

// typescript
interface User {
    name: string;
    id: number;
}

const user: User = {
    name: 'Penguin',
    id: 6,
};

// javascript
const user = {
    name: 'Penguin',
    id: 6,
};

반드시 자바스크립트에 있는 타입만 표기할 수 있는 것은 아니며 user변수는 User라는 타입으로 표기한다

즉, 타입스크립트는 데이터의 타입을 명시적으로 표시한 자바스크립트이다

---

타입스크립트 핸드북

Handbook - The TypeScript Handbook

타입스크립트에 대한 내용을 제공

타입스크립트 플레이그라운드

TS Playground - An online editor for exploring TypeScript and JavaScript

공식 사이트에서 제공하는 타입스크립트 실습환경