[Typescript] Generic

2023. 9. 1. 18:40· FE/Typescipt
제네릭(Generic)

재사용성을 높이기 위해 사용

 

함수

function toArray<T> (a:T, b:T) {
	return [a,b]
}

toArray<string>('Neo','Tom')
toArray(1, 2)

 

클래스

class User<P> {
	constructor(public payload : P) {}
	getPayload() {
		return this.payload
	}
}

interface UserA {
	name:string
	age:number
	isValid:boolean
}

const IU = new User<UserA> ({
	name : 'IU',
	age : 23,
	isValid : true
})

 

인터페이스

 

interface MyData<T> {
	name : string
	value : T
}

const dataA : MyData<string> = {
	name : 'data A'
	value : 'Good'
}

 

 

제약조건

extends 키워드를 사용하여 원하는 타입만 가능하게 제한함

 

interface MyData<T extends string | number> {
	name : string
	value : T
}

'FE > Typescipt' 카테고리의 다른 글

[Typescript] tsconfing.json 구성 옵션  (0) 2023.09.01
[Typescript] Class  (0) 2023.09.01
[Typescript] 함수  (0) 2023.09.01
[Typescript] Interface  (0) 2023.09.01
[Typescript] Type  (0) 2023.09.01
'FE/Typescipt' 카테고리의 다른 글
  • [Typescript] tsconfing.json 구성 옵션
  • [Typescript] Class
  • [Typescript] 함수
  • [Typescript] Interface
따봉치치
따봉치치
따봉치치
김치치의개발블로그
따봉치치
전체
오늘
어제
  • 분류 전체보기 (359)
    • 면접질문 (4)
    • CS (50)
    • FE (116)
      • Javascipt (16)
      • Typescipt (6)
      • React (16)
      • CSS (5)
      • Nextjs (1)
      • 리뷰 (70)
    • Algorithm (181)
    • ETC (3)
      • Bootcamp (4)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 모던 리액트 딥다이브
  • 누적합
  • 문자열
  • 스택
  • 데이터베이스
  • 모던 자바스크립트 딥다이브
  • C++
  • 백트래킹
  • 그래프 탐색
  • 백준
  • 탐욕 알고리즘
  • 자료구조
  • 그리디
  • 자바스크립트
  • typescript
  • Greedy
  • CS
  • 투 포인터
  • javascript
  • dp
  • 우선순위 큐
  • BOJ
  • Fe
  • BFS
  • Stack
  • 리액트
  • 알고리즘
  • react
  • 완전탐색
  • TOPCIT

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.2
따봉치치
[Typescript] Generic
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.