Digking's cave

다형성 Polymorphism / Generic generic은 call signature 작성할 때 들어오는 type을 확실히 모를 때 사용한다. 어떤 타입이 들어올지 모르고, 다양한 경우에 대비를 해야하는 경우 concrete type은 모든 경우를 다 작성해야 한다. 예시) type SuperPrint = { (arr: number[]) : void (arr: boolean[]) : void (arr: string[]) : void (arr: (string | number)[]) : void } const superPrint : SuperPrint = (arr) =>{ arr.forEach(i => console.log(i)) } superPrint([1,2,3,4]) superPrint([true..

Overloading 함수가 서로 다른 여러개의 call signature 가지고 있을 때 사용한다. type Add = { (a : number , b : number ) : number (a : number , b : string ) : number } const add : Add = (a,b) => { if(typeof b === 'string') return a return a + b } Router.push({ path : "/home", state:1 }) 위와 같이 라우터 기능에서 home으로 페이지 이동하라는 내용의 코드를 아래의 오버로딩 사용한 코드로 작성 가능하다. type Config = { path : string, state : obeject } type Push = { (path..

Call Signature 함수의 매개변수와 반환타입을 type으로 미리 선언해 둔다. → 함수 위에 마우스를 올려서 해당 인자 / 반환값의 Type을 확인할 수 있다. - 내가 원하는 type을 선언해두어, 함수가 어떻게 작동하는 지 정보를 확인할 수 있다 - 개발자가 미리 해당 함수의 type을 인지할 수 있다. - 코드구현+타입지정 의 과정을 분리할 수 있다. const add:Add = (a: number ,b: nuber) => a+b type Add = (a:number , b:number) => number; const add:Add = (a,b) => a+b

Tuple 변수명 : [타입 , 타입, 타입..] = [값, 값, 값..] 변수명 : readonly [타입 , 타입, 타입..] = [값, 값, 값..] const numbers : readonly number[] = [3,4,5,6] const examplelist : [string, number, boolean] = ["diging", 28, true] const examplelist : readonly [string, number, boolean] = ["diging", 28, true] any any를 앞에 쓰면 TypeScript문법이 사용되지 않는다. 변수명 : any [].. unknown 변수의 타입을 모를 때 unknow으로 일단 임시 지정해준다. let tempobc : unknown..

함수 선언 function 함수명 (){ } 인자(parameter)가 있는 함수 function 함수명 (변수명: 타입){ } optional 인자가 있는 함수 function 함수명 (변수명?: 타입){ } return값이 없는 함수 선언 function 함수명 (){ } function 함수명 () : void { } return값이 있는 함수 선언 function 함수명 (){ return } function 함수명 () : 리턴값타입 { return } 화살표 함수로 표현하기 const examfunc = (name : string) => number => ({age})

변수에 타입 지정 let 변수이름 : 타입 = 값; 하나의 변수에 여러 타입 지정 let 변수이름 : 타입1 | 타입2 = 값; 객체 타입 변수에 타입 지정 let 변수이름 : { 변수1 : 타입, 변수2 : 타입 } 객체 타입 변수에 타입 지정 + ?를 사용하면 해당 속성은 사용할수도 안할수도 있음 let 변수이름 : { 변수1 : 타입, 변수2? : 타입 } let str : string = 'hello'; let num : number = 99; let objex : { name : string, age : number } // 변수명? 하면 해당 속성을 사용할 수도 있고 안할 수도 있다는 뜻 let obex : { name : string, age? : number } // age는 number ..