타입 스크립트에는 기본타입은 크게 12가지 있다.
- Boolean
- Number
- String
- Object
- Array
- Tuple
- Enum
- Any
- Void
- Null
- Undefined
- Never
String
// 문자열 타입 선언
let name: string = "jihun";
Number
// 숫자 타입 선언
let age: number = 23;
Boolean
// 불리언 타입 선언
let man: boolean = true;
Array
// 배열값이 전부 문자열일 경우
let member: string[] = ["kim", "lee"]
// 배열값이 전부 숫자일 경우 (재너릭)
let arr: Array<number> = [1,2,3];
Object
let member : {member1 : string, member2: string} = {member1 : "kim", member2: "lee"}
Tuple
배열의 길이가 고정되어 있고 각 요소의 타입이 저장되어 있는 배열 형식을 의미
let arr: [string, number] = ['hi', 10];
Void
반환 값이 없는 함수의 반환 타입이다. return이 없거나 return이 있더라도 반환하는 값이 없으면 반환 타입을 void로 지정
function printSomething(): void {
console.log('sth');
}
function returnNothing(): void {
return;
}
Never
수의 끝에 절대 도달하지 않는다는 의미를 지닌 타입입니다.
// 이 함수는 절대 함수의 끝까지 실행되지 않는다는 의미
function neverEnd(): never {
while (true) {
}
}
union
타입 2개 이상 합친 새로운 타입
// member 변수안에는 숫자 문자만 들어올수 있다.
let member : (number | string) = 123;
// 배열안 유니온 타입 적용하기
let arr : (number | string)[] = [1,'2',3]
// 갹체안 유니온 타입 적용하기
let obj {data : (number | string) } = { data : '123' }
Any
단어 의미 그대로 모든 타입에 대해서 허용한다는 의미이다. 가능하면 안쓰는게 좋다
// any 타입 변수 선언
let anything: any = 0;
anything = 'jihun';
anything = 23;
unknown
any와 같이 모든 타입을 지정이 가능하다. 자료를 집어넣어도 타입은 그래도 unknown 이다. 가능하면 안쓰는게 좋다
let 이름: unknown = 'kim';
이름 = 123;
이름 = undefined;
이름 = [];
'TypeScript' 카테고리의 다른 글
React + TypeScript 환경에서 Styled-components를 활용한 다양한 스타일의 버튼 컴포넌트 만들기 (0) | 2023.07.27 |
---|---|
타입스크립트_01 타입스크립트란 ? (0) | 2023.06.06 |