타입스크립트 - 타입 가드
내장 타입 가드 TS 독스에서는 타입 가드에 대해 이렇게 설명한다. Some expression that performs a runtime check that guarantees the type in some scope. 여기서 중요한 건 라는 말인데 if 문을 통해 타입을 분기하면, 코드가 실행될 때 그 if…
TypeScript
타입스크립트 - 클래스의 추상화
타입스크립트로 Bubble Sort하는 클래스를 만들어보자. 이 클래스는 string, number[]를 받을 것이고, 모두 소팅할 수 있어야 한다. Step 1. Sorter 클래스 만들기 먼저 number 배열을 받는 Sorter 클래스를 가정하자. (나머지 type은 차차) collection…
타입스크립트 - Basic 세팅
타입스크립트를 설치한다. 프로젝트 디렉토리를 생성한다. 해당 디렉토리로 이동한 뒤 src 폴더와 build 폴더를 각각 생성한다. 폴더를 이렇게 각각 만드는 이유는 ts 파일을 js로 컴파일해서 js파일이 별도 생성돼서 뒤섞이면 보기 안좋기 때문이다. 따라서 에는 ts 파일만 넣고 에는 컴파일한 js…
타입스크립트 - Class와 상속
Class란 Class란 어떤 것을 나타내기 위해 메서드(functions)와 필드(fields)를 가진 객체를 정의하는 청사진(blueprint)이다. Basic Inheritance(상속) car는 Car의 인스턴스이고, Car는 Vehicle을 상속받았으므로 부모 클래스인 Vehicle…
타입스크립트 - Interface
인터페이스(Interface)란 인터페이스란, 객체의 프로퍼티와 밸류 타입을 묘사하는 새로운 타입이다. 인터페이스는 코드의 재사용성을 높인다. 예를 들어 위처럼 Vehicle이라는 interface를 지정하면 함수를 사용할 때, 인자로 전달하는 타입이 Vehicle…
타입스크립트 - 타입 종류와 Annotation/Inference
타입스크립트에서는 모든 value는 type을 갖고 있다. 여기서 value는 변수에 할당할 수 있는 것을 말한다. string, number, boolean, Object, array, Class, function…
타입스크립트 - 특징과 실행 방식
주로 Udemy 타입스크립트 강의 를 듣고 정리한 내용이며 개인적으로 구글링한 내용도 포함돼 있다. 타입스크립트의 특징 오픈소스 프로그래밍 언어(from Microsoft) Typed *superset of JavaScript superset: A programming language that contains…