FRONT-END

any와 generic

함수의 (매개변수)에 따라 달라지는 type을 위해 generic을 쓴다.

선언1. hello<미리선언string>(매개변수)

선언2. hello(추론매개변수)

keyof

keyof를 사용하면 객체안에 key값이 될 수 있는 것들만 나오게된다.

생성자 constructor을 활용한 class

접근제어자의 public과 private, protected

public은 외부에서도 호출 참조 할 수 있으나

private는 외부에서 호출할수 없고 선언 내부에서만 사용할 수 있다.

protected는 상속관계에서만 서로 호출참조할수있다.

Getters & Setters

READONLY는 public,priavte에 상관없이 무조건 변수값 선언/초기화 하는 부분에서만 값을 바꿀수있거나 constructor에서만 수정가능하다.

클래스에서 프로퍼티 이름이 동적으로 들어올시 인덱스시그니처를 사용해본다

[index:string] : string 또는 [index:string] : 'male' | 'female'

static 사용

optional property 인덱스 스트링

readonly

type알리아싱은 merging이 불가능하고 interface는 merging이 가능하다.

strict 옵션

nolmplicitAny

any로 추론되면 any로 지정하지않거나 아무것도 지정하지 않으면빨간색으로 에러가 발생한다.

noImplicitThis

함수내 this에 type이 없을시 에러가 뜨며 아래처럼 지정해주어야한다.

strictNullChecks

일반적인 type은 지정된 type만 사용하여야하며 여러타입을 지정하려면 union type인 | 을 사용한다.

모든값은 null과 undefined값을 가질 수 없다.

예외적으로 void는 undefined도 할당가능하다.

any는 모든값을 가질수 있다. (무적)

strictFunctionTypes

매개변수 와 인자를 받는것 사이에는 

매개변수는 같거나 넓어야하고

리턴타입은 같거나 하위여야한다.

strictPropertyInitialization

strictNullChecks가 기본적으로 켜진다.

초기화 되지 않은 값은 타입이 명시되어도 오류가 발생한다.

하지만 constructor에서 this로 값을 할당하면 오류가 사라진다.

nolmplicitAny 옵션

타입명시를 안하여 any로 타입스크립트가 자동판단하는것을 방지하여 컴파일 에러를 발생시킨다.

=return값이 무조건 있어야한다.

strictNullChecks 옵션

모든타입에 자동 포함된 null 과 undefined를 제거한다.

strictFuctionTypes 옵션

매개변수 타입이 같거나 슈퍼타입 이아닌 경우 에러 경고

타입스크립트 설치 npm install typescript -D

-D 는 개발용으로 사용하는 것이다.

타일 스크립트를 프로젝트에서만 관리하려고할시

프로젝트안에서 어떻게 컴파일할지, tsc로 한번에 모두 컴파일 할수 있을지 등 정의는 default를 만들어줘야한다.

프로젝트의 root에서 default생성 : tsc --init

ts파일을 수정시 자동으로 js도 수정해주는 설정 : tsc -w //watch모드

--init 으로 tsconfig를 생성해주어야 tsc만으로 컴파일 할수 있다.

npm환경에서는 npx tsc명령어로 가능하다

1. npm init -y로 npm사용선언 

2. npm install typescript -D 로 설치

3. package.json에 script에 "build" 설정

4. npx tsc --init으로 default 만들기

5. npx tsc 로 빌드해보기

symbol

함수로 사용시 대분자 Symbol

타입으로 사용시 소문자 symbol

각 타입에는 각자 포함되는 타입만 쓸수 있으나 아래처럼 유니온방식으로 여러 타입을 쓸수 있다.

object create는 object말고도 null도 허용하는 union타입이다.

array 표현법 :

let list : number[ ] = [1,2,3]

let list : Array<number> = [1,2,3]

튜플 표현법 : 

const person : [string, number]

person =['hello',32]

any 타입

void 타입

function 에서 return 값이 없어야하고 있다면 undefined만이 return 될수 있다.