Develop/TypeScript

[Typescript] 타입스크립트 기본 타입 정리(primitive types)

dawonny 2023. 7. 23. 00:53
728x90
반응형

기본 타입

기본 타입을 정리해보자

string, number, boolean 등이 있다.

저렇게 변수 옆에 : 를 붙이고 오른쪽에 타입을 작성해주면 된다.

(null, undefined 도 있다)

let 이름 :string = 'kim';
let 나이 :number = 20;
let 결혼여부 :boolean = false;

 

array 와 object

여러 자료를 한번에 저장하고 싶을 때 array 나 object 를 쓴다.

예를 들어 string 이 들어가는 array 를 작성하고 싶으면 다음과 같이 작성한다.

let 회원들 :string[] = ['kim', 'park']

만약에 string 만이 아닌

string 또는 number 가 들어가는 array 를 작성하고 싶다면 다음과 같이 작성하는데 

이건 union array 라는 개념이다.

// 예시: 문자열 또는 숫자 배열을 가지는 변수를 선언할 때
let unionArray: (string | number)[] = ["hello", 42, "world", 123];

// 또는 다음과 같이 타입 별칭(Type Alias)을 사용하여 선언할 수도 있습니다.
type StringOrNumber = string | number;
let unionArray: StringOrNumber[] = ["hello", 42, "world", 123];

 

object 는 다음과 같다.

내가 만들 object 과 같은 형태로 타입을 지정한다.

let 내정보 : { age : number } = { age : 20 }

 

 

타입 자동 부여

하지만 타입스크립트는 타입을 자동으로 부여를 해준다.

let 이름 = 'kim';

위와 같은 '이름' 이라는 변수도 마우스를 올려보면

이렇게 string 으로 부여가 된 것을 볼 수 있다.

array 나 object 도 마찬가지이다. 그래서 무조건 타입을 하나하나 명시해야하는 것은 아니다.

 


ref: 코딩애플

728x90
반응형