Typescript 학습

이전에 진행했던 React project의 리팩토링을 위해 Typescript를 학습하려고 합니다.Udemy 강의 중 Typescript :기초부터 실전형 프로젝트까지 with React + NodeJS를 수강하려고 합니다.이번에도 꾸준히 열심히 학습해서 성장하자.

이전에 진행했던 React project의 리팩토링을 위해 Type

Chapter2 목표: TS 기초와 기본 자료형에 대해 배운다.JS와 TS의 큰 차이점: JS는 동적타입(dynamic types) vs TS는 정적타입(static types)Core Typesnumber(실수형, 정수형를 구분하지 않음)string(',",\`)bo

Chapter2 목표: union, 리터럴, 함수, 함수, 알 수 없는, 절대 타입에 대해 학습한다. Union Literal - Union type 유니언 타입은 두개 이상의 다른 타입을 조합해 만든 타입이다. 유니언 타입을 만들기 위해 조합한 타입들을 각각 유니

Chapter3 목표: Typescript 컴파일러 및 구성 watch mode 파일을 변경할 때마다 일일이 컴파일하는 불편함을 해결할 수 있는 모드이다.

TS로 작성된 코드를 JS로 컴파일 할 때, 어느 버전의 JS를 대상으로 할지 지정한다. 예를 들어 let, const는 es6 문법인데 구버전의 브라우저의 경우 이를 지원하지 않을 수 있다. 그래서 target option을 es5 또는 그 이하 버전으로 지정할 경우

object의 blueprintsobject가 어떤 property와 method를 가질지 설계여러개의 비슷한 object를 더 쉽게 만들수 있게 한다.instance of Classclass, constructor 예약어!JS에서 Class의 개념은 ES6에 등장한

목표: class의 심화 내용에 대해 학습한다. (class의 상속, protected, getter, setter, static method와 property, abstract class, singleton에 대한 내용을 학습한다.

목표: TS의 인터페이스에 대해 학습한다.

목표: typescript의 고급타입에 대해 공부한다.

Generic FunctionsGeneric ClassConstraintsSpecial TS Types제너릭은 선언 시점이 아닌 생성 시점에 타입을 명시하여 다양한 타입을 사용할 수 있도록 하는 기법이다.(출처: https://poiemaweb.com/type

generic utility typegeneric types vs. union typepartial 유틸리티 타입은 interface로 규정한 객체의 구조 중 property와 method를 선택적으로 구현할 수 있도록 한다.예를 들어, someVariable<

데코레이터는 클래스, 속성, 메서드, 접근 제어자, 매개변수 등에 사용할 수 있는 특별한 함수이다. 데코레이터는 메타 프로그래밍 하는데 유용하게 사용될 수 있다. 클래스에 사용되는 데코레이터 함수의 인자로 주어지는 값은 class의 구현부 전체이다.데코레이터 함수를 하