일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- 스프링부트 게시판만들기
- 스프링부트 블로그만들기
- springboot 사이드프로젝트
- 프로그래머스 괄호 회전하기 python
- JS기초
- 스프링부트 미니프로젝트
- 파이썬 기초
- 유니티Cube
- spring jpa 사이드프로젝트
- jpa 게시판
- spring jpa 게시판
- 타입스크립트 기초
- 파이썬 괄호 회전하기
- springboot 게시판만들기
- typescript 기초문법
- 타입스크립트 기초문법
- 유니티
- 유니티Material
- 스프링게시판프로젝트
- 타입스크립트 기본문법
- springboot 미니프로젝트
- python 괄호 회전하기
- springboot 게시판 프로젝트
- 스프링부트 update
- 스프링부트 회원가입
- 유니티기초
- 괄호 회전하기 파이썬
- 스프링 게시판 만들기
- springboot 게시판
- 스프링부트 블로그
- Today
- Total
목록타입스크립트 기본문법 (4)
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..
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})