Typescript

타입스크립트는 자바스크립트에 타입을 부여한 언어다. 자바스크립트의 확장된 언어라고 볼 수 있다. 타입스크립트는 자바스크립트와 달리 브라우저에서 실행하려면 파일을 한번 변환해주어야 한다. 이 변환 과정을 우리는 컴파일(complile) 이라고 부른다.에러의 사전 방지코드

타입스크립트를 글로벌 옵션으로 설치한다.설치한 이후에는 tsc 명령어를 사용할 수 있다.npm i typescript -g타입스크립트 파일을 사용하기 위해서는 컴파일을 통해서 js파일로 만들어줘야 한다.tsc index.tstsc로 컴파일할 때 부가적인 기능을 추가하기

arr와 items는 둘다 배열 타입을 정의하는 방법이고 방식의 차이이다.객체와 타입 객체의 차이점은 객체는 단순히 변수가 객체라는 것을 정의하고 타입 객체는 객체안의 속성 값에 대한 타입을 따로 구체적으로 지정할 수 있다.

매개변수 옆에 타입을 주고 함수의 리턴값에 대한 타입은 {}앞에 준다.정의된 함수의 파라미터보다 많거나 적은 양이 인수로 있을 경우 javascript는 필요한 만큼만 사용 후 무시하지만 typescript는 에러를 띄우게 된다.파라미터 중 선택적으로 갖고자 하는 파라

일반적으로 인터페이스는 상호 간에 정의한 약속을 의미한다. 타입스크립트에서는 객체, 함수, 클래스, 배열 등에서 인터페이스를 통한 타입 지정을 할 수 있다.인터페이스를 사용할 경우에는 불필요한 반복을 없애고 인터페이스의 상속을 통해 코드를 재사용할 수 있다.인터페이스

어떤 변수 값이 무엇이 올지는 모르지만 어떤 타입들이 올지는 알고 있을 경우 해당 변수에 올 수 있는 타입을 복수로 허용하는 타입이다.유니온 타입으로 설정된 변수에 대해서 타입의 종류마다 다른 api 속성이나 명령어를 사용할 수 있다.(타입 가드)유니온 타입으로 인터페

특정 값들의 집합을 의미하는 자료형으로 타입스크립트에서는 문자형 enum과 숫자형 enum을 지원한다enum에서 따로 초기화를 하지 않는다면 기본값으로 0부터 값이 부여된다.특정 변수에 들어올 수 있는 값은 여러개이고, 타입을 정해졌을 경우(숫자,문자열)에 사용하면 좋

클래스는 주로 인스턴스를 만들어주는 역할을 한다. 이렇게 공통적인 행위나 상태를 클래스로 작성하는 것을 추상화라고도 한다. 이 클래스를 상속받은 하위 클래스들은 각자 자신의 역할에 맞는 행위를 따로 정의 가능하며, 부모의 메소드를 오버라이딩 하여 자식 클래스에 맞게 사

타입이 마치 함수의 매개변수 값으로 설정되는 개념으로, 주로 재사용성이 좋은 컴포넌트를 만들 때 자주 사용된다.제네릭을 사용하면 함수가 어떤 타입을 받을지 미리 정하지 않고, 넘겨주는 인자를 통해서 함수가 받는 타입과 리턴타입을 설정하게 된다.기존 문법기존의 문법의 경

Promise는 Typescript에서 타입이 Promise<resolve의 반환값> 형식으로 정의되어 있기 때문에 함수의 리턴타입은 Promise<Contact\[]> 가 된다. Promise 안에 콜백함수에서 resolve의 타입은 이미 함수타입을 설정할

타입을 따로 지정하지 않아도, 에디터 상에서 해당 변수에 타입이 지정되는 방식이다. 기본적인 선언과 할당에 대해서 진행되어 진다.제네릭을 통해서 value값이 string을 가진다는 것을 에디터가 추론함인터페이스 확장을 통해서 타입이 지정된 것도 타입추론에 의해 에디터

타입스스크립트에서 모듈이라는 개념은 ES6+의 Modules 개념과 유사하다. 모듈은 전역 변수와 구분되는 자체 유효범위를 가지며, export와 import 키워드를 사용하지 않을 경우 다른 파일에서 접근할 수 없다.타입들을 따로 파일로 분할하여 관리하는 것이 가독성