728x90
기본타입
타입스크립트의 기본 타입은 크게 12가지가 있다.
- Boolean : 진위값
- Number : 숫자
- String : 문자열
- Object : 객체
- Array : 배열
- Tuple : 배열의 길이가 고정되고 각 요소의 타입이 지정되어 있는 배열 형식
- Enum : 특정 값들의 집합
- Any : 모든 타입에 대해서 허용
- Void : 변수에 대해서는 undefined와 null만 할당할 수 있고, 함수에는 반환 값을 설정할 수 없다.
- Null : null
- Undefined : undefined
- Never : 함수의 끝에 절대 도달하지 않는다는 의미 (무한 반복하는 while문)
// 문자열
const str1: string = 'hello'
// 숫자
const num: number = 7
// 배열
const arr: Array<number> = [1, 2, 3, 4, 5]
const arr2: Array<string> = ['a', 'b', 'c']
const items: number[] = [1, 2, 3, 4, 5]
const items2: string[] = ['a', 'b', 'c']
// 튜플
const address: [string, number] = ['seoul', 02]
// 객체
const obj: object = {}
const person: { name: string; age: number } = {
name: 'aion man',
age: 50,
}
// 진위값
const show: boolean = true
함수
타입스크립트의 함수는 크게 3가지의 타입을 정의할 수 있다.
- 함수의 파라미터에 타입 정의
- 함수의 반환 값에 타입 정의
- 함수의 구조 타입 정의
// 함수의 파라미터에 타입을 정의
function sum(a: number, b: number) {
return a + b
}
sum(10, 20)
// 함수의 반환 값에 타입을 정의
function add(): number {
return 10
}
// 함수에 타입을 정의
function sum2(a: number, b: number): number {
return a + b
}
sum2(10, 20)
// 함수에 옵셔널 파라미터 정의
function log(a: string, b?: string) {}
log('hello')
log('hello', 'world')
728x90
'Javascript' 카테고리의 다른 글
타입스크립트 - 연산자를 통한 타입 정의 (0) | 2021.04.08 |
---|---|
타입스크립트 - 인터페이스, 타입별칭 (0) | 2021.04.08 |
Javascipt를 Typescript 처럼 코딩하기 (0) | 2021.04.07 |
헷갈리는 Javascript Compare 함수 (1) | 2021.03.29 |
netlify에 client 어플리케이션 배포하기 (0) | 2021.03.08 |
댓글