TypeScript

Type Assetion이란? TypeScript에서는 시스템이 추론 및 분석한 타입 내용을 우리가 원하는 대로 얼마든지 바꿀 수 있다. 이때 "타입 표명(type assertion)"이라 불리는 메커니즘이 사용된다. TypeScript의 타입 표명은 프로그래머가 컴파일러에게 내가 너보다 타입에 대해 더 잘 알고 있고, 나의 주장에 대해 의심하지 말라고 하는 것과 같다. type assertion을 사용하면 값의 type을 설정하고 컴파일러에 이를 유추하지 않도록 지시할 수 있다. 이것은 프로그래머로서 TypeScript가 자체적으로 추론할 수 있는 것보다 변수 유형에 대 해 더 잘 이해하고 있을 때이다. var foo = {}; foo.bar = 123; // 오류: 속성 'bar'가 '{}'에 존재하..

Type Annotation 개발자가 타입을 타입스크립트에게 직접 말해준다. const rate: number = 5 // number 타입 지정 Type Inference 타입스크립트가 알아서 타입을 추론한다. const rate = 5 // **변수 선언과 동시에 초기화할 경우** 타입을 알아서 추론한다 타입을 추론하지 못해 타입 annotation을 꼭 해야 하는 경우 1) any 타입을 리턴하는 경우 coordinates에 hover해보면 const coordinates: any라고 뜨는 것을 볼 수 있다. JSON.parse는 json을 파싱해준다. 인풋으로 들어가는 json을 확인하면 대충 어떤 타입이 리턴될지 개발자는 예상할 수 있지만, 타입스크립트는 여기까지 지원하지 않는다. 리턴 타입이 ..

Any 앱을 만들 때 아직 잘 모르는 타입을 표현해야 할 때가 있다. 이 값은 사용자로부터 받은 데이터나 서드 파티 라이브러리 같은 동적인 컨텐츠에서 올 수도 있다. 이때 타입 검사를 하지 않고, 해당 값이 컴파일 과정에서 통과되길 원한다. 이를 위해 any 타입을 사용한다. 하지만 이 타입은 최대한 쓰지 않는 게 좋다. 그래서 noImplicitAny라는 옵션을 주면 any를 썼을 때 오류가 뜨게 한다. let something: any = "Hello World!"; something = 23; something = true; let arr: any[] = ["John", 212, true]; arr.push("Smith"); console.log(arr); //Output: [ 'John', 212..

타입스크립트에서, 타입이란 그 값이 가지고 있는 프로퍼티나 함수를 추론할 수 있는 간편한 방식이다. Types in Typescript TypeScript는 JavaScript에서 기본으로 제공하는 기본 제공 유형(built-in types)을 상속한다. TypeScript 유형은 다음과 같이 분류된다. Primitive Types Object Types Primitive types Object types

마크다운은 텍스트 기반의 마크업 언어로 쉽게 쓰고 읽을 수 있다. HTML로 변환도 가능하다. 특수 기호와 문자를 이용한 간단한 구조의 문법을 사용해 웹에서도 빠르게 콘텐츠를 작성하고 직관적으로 인식된다. 최근 마크다운이 각광받기 시작한 이유는 깃허브에서 사용하는 README.md의 영향이다. 마크다운을 통해 사용 방법, 코드 설명, 이슈 등을 간단히 기록할 수 있고, 가독성이 높다는 장점이 부각되면서 점점 여러 곳에서 사용되고 있다. --- title: 'When to Use Static Generation v.s. Server-side Rendering' date: '2020-01-02' --- We recommend using **Static Generation** (with and without ..

TypeScript가 만들어진 배경 JavaScript는 원래 클라이언트 측 언어로 도입되었다. 그런데 Node.js의 개발로 JavaScript를 클라이언트 측 뿐만이 아닌 서버 측 기술로도 활용되게 되었다. 그러나 JavaScript 코드가 커질수록 코드가 복잡해져서 코드를 유지 관리하고 재사용하기가 어려워졌다. 게다가 타입 검사와 컴파일 시 오류 검사 기능을 수용하지 못해 JavaScript가 본격적인 서버 측 기술로 엔터프라이즈 수준에서 성공하지 못했다. 이 간극을 채우기 위해 TypeScript가 제시되었다. TypeScript란? TypeScript는 JavaScript에 타입을 부여한 언어이다. JavaScript의 확장된 언어라고 볼 수 있다. TypeScript는 JavaScript와 달..