-
[TypeScript] 타입스크립트 기본 타입Web/TypeScript 2024. 11. 15. 17:57
타입스크립트의 기본 타입에 대해 알아보려고 합니다.
저도 타입스크립트가 처음인지라 처음부터 천천히 배우고자 하는 중입니다..!
- 타입스크립트 기본 타입
타입스크립트에서 추가된 기본 타입은 다음과 같다.
- string
- number
- boolean
- object
- Array (대문자)
- tuple
- any
- null
- undefined
- string
string 타입은 문자열 타입이다.
const str:string = "Hello World";
- number
number 타입은 숫자 타입이다.
const num:number = 10;
- boolean
boolean 타입은 논리형 타입이다.
const agree:boolean = true;
- object
object 타입은 객체 타입이다.
const user:object = { name: "Choi", age: 26 }
- Array
Array 타입은 배열 타입이다. 배열 타입은 다른것과 다르게 조금 더 복잡하다.
// 문자열 요소 배열 const fruits:string[] = ['apple', 'banana', 'orange']; // 숫자 요소 배열 const luckyNumber:number[] = [10, 20, 30]; // 문자와 숫자가 섞인 배열 const mySave:(string | number)[] = [10, 'apple', 'banana', 20];
- tuple
tuple 타입은 특정 형태를 갖는 배열을 의미한다.
// 첫 번째 요소는 문자열, 두 번째 요소는 숫자형이다. const arr:[string, number] = ['apple', 10];
- null / undefined
null 타입과 undefined 타입은 특수 자료형 타입이다.
const data:null = null; const noting:undefined;
- any
any 타입은 타입스크립트에서 모든 타입을 허용하겠다는 의미이다.
const arr:any = 10;
여기서 잠깐!!
타입스크립트에서는 대부분 any 타입을 부정적으로 보는 사람이 많다고 한다.
any 타입을 사용할거면 타입스크립트를 왜 사용하냐는 의견이다.
그래서 되도록, any 타입은 지양해야 한다.
하지만 잘 사용한다면, 타입스크립트 개발 시 자바스크립트와 같은 유용함을 줄 수 있을거라 생각한다.
참고 강의: https://www.sucoding.kr/
'Web > TypeScript' 카테고리의 다른 글
[TypeScript] 타입스크립트 인터페이스 (0) 2024.11.20 [TypeScript] 타입 별칭(Type Alias) (0) 2024.11.20 [TypeScript] 타입 오퍼레이터 (2) 2024.11.19 [TypeScript] 타입스크립트 함수 타입 (0) 2024.11.19 [TypeScript] 타입스크립트 설치 및 VSCode Code Runner설정 (0) 2024.11.15