개발/Typescript
타입스크립트 (2) 기본 사용 방법
1. 타입 선언 타입스크립트는 변수 뒤에 타입을 명시할 수 있습니다. let foo: string = 'hello'; 타입과 다른 값이 할당되면 컴파일 시점에 에러가 발생합니다. let bar: number = true; //error 함수의 경우에는 다음과 같이 매개변수와 반환값의 타입을 지정할 수 있습니다. // 함수 선언식 function plus(x: number, y: number): number { return x + y; } // 함수 표현식 const plus = (x: number, y:number): number => x + y; 타입스크립트는 자바스크립트의 타입을 모두 사용할 수 있으며 다음과 같은 추가 타입을 제공합니다. 타입 설명 array 배열 tuple 배열에 고정된 아이템 수..
타입스크립트 (1) 타입스크립트란?
타입스크립트란? 타입스크립트는 마이크로소프트에서 관리하는 오픈 소스 프로그래밍 언어로 자바스크립트의 슈퍼셋(superset)입니다. 슈퍼셋은 상위 집합이라는 의미로 자바스크립트의 모든 기능을 지원하는 동시에 추가 기능을 제공한다는 의미입니다. 타입스크립트가 출시된 이유는 무엇이며 바닐라 자바스크립트에 비해 어떤 장점이 있을까요? 타입스크립트를 사용하는 이유 타입스크립트를 사용하는 가장 큰 이유 중 하나는 타입(type)을 사용하여 런타임 이전에 오류를 발견하기 위해서입니다. 아래 예시를 살펴볼까요? 아래와 같은 자바스크립트 코드의 의도는 숫자를 전달받는 것이겠지만 실제로는 어떤 타입의 인수를 받고 리턴해야 하는지 정확하게 정해져 있지 않습니다. 따라서 문자와 숫자를 더하는 이상한 연산도 오류가 없이 진행..
타입스크립트 (3) 클래스 설명 및 사용 방법
타입스크립트는 ES2015에 도입된 class 키워드를 완벽하게 지원합니다. 타입스크립트는 자바스크립트 클래스 기능에 타입 지정 및 기타 문법을 추가로 제공합니다. 1. 클래스 기초 (1) 클래스 선언 다음은 가장 기본적인 형태의 빈 클래스입니다. class Point {} 이제 몇 가지 요소를 추가해보겠습니다. class Point { x: number; y: number; } const pt = new Point(); pt.x = 0; pt.y = 0; (2) readonly 필드에 readonly를 추가해주면 생성자 외부에서 값을 할당할 수 없게 됩니다. class Greeter { readonly name: string = "world"; constructor(otherName?: string) ..
