Series
TypeScript 홈페이지에서 제공하는 TypeScript 핸드북을 통해 타입스크립트를 같이 배우도록 합시다. TypeScript 핸드북은? 일반 프로그래머가 TypeScript를 배울 수 있도록 돕는 종합 문서입니다. 학습으로 흐름에 맞게 문서의 왼쪽 메뉴를 위에서 아래로 전개하며 학습할 수 있으며 문서 하단의 단계 버튼을 통해 다음 단계로 넘어갈 수 있습니다. TypeScript 핸드북은 TypeScript 언어에 대한 완전한 설명서는...
JavaScript는 다양한 연산을 내장하고 있습니다. // 'message'의 프로퍼티 'toLowerCase'에 접근한 뒤 // 이를 호출합니다 message.toLowerCase(); // 'message'를 호출합니다 message(); 그런데 message에 toLowerCase()로 접근한 뒤 다시 message를 함수처럼 부르고 있씁니다. 하지만 message가 무엇인지 알 수 없다면 동작은 기대하지 않는 결과를 발생할 것입니다...
이번 장에서는 JavaScript 코드의 가장 흔한 타입들을 다루고, 이 타입을 TypeScript에서는 어떻게 표현하는지 설명합니다. 우선 JavaScript 또는 TypeScript 코드에서 기본적이며 흔하게 만날 수 있는 타입을 살펴보는 것부터 시작해봅시다. 일반 유형 원시 타입 : string, number, boolean 원시 타입이란 객체가 아니면서 또한 메서드도 가지지 않는 데이터 타입을 말합니다. JavaScript는 이러한 원시...
좁히기(Narrowing)는 유니온 유형 등 공통의 연산 또는 호출을 할 수 없을 때 typeof등을 이용해 대상을 좁히는(타겟팅 하는) 것을 말합니다. 다음의 예를 살펴보죠. function padLeft(padding: number | string, input: string): string { throw new Error("Not implemented yet!"); } 아직까지는 미구현 상태이므로 괜찮습니다. padLeft는 padd...
오늘은 핸드북의 More On Functions을 같이 살펴보겠습니다. 함수는 로컬이나 모듈에서 가져온 것 등 모든 애플리케이션의 실행 블록 입니다. 함수가 반환 값이 있을 경우 함수 역시 값으로 취급되며 TypeScript에서 값을 취급하는 것처럼 함수를 호출하는 다양한 방법이 있습니다. 함수를 설명하는 유형을 작성하는 방법에 대해 알아봅시다. 함수 유형 표현식 먼저 함수 유형 표현식으로 함수에 대해 먼저 살펴봅시다. function gree...
JavaScript는 데이터를 그룹화 해서 전달할 수 있는 수단으로 객체 유형을 제공합니다. 앞에서 살펴 본 것처럼 다음의 무명 형태로 표현할 수 있습니다. function greet(person: { name: string; age: number }) { return "Hello " + person.name; } 이것을 type으로 별칭으로 표현할 수도 있고요, type Person = { name: string; age: num...