TS) 기본 타입

미누도 개발한다·2021년 10월 9일
0

타입스크립트

목록 보기
3/7

자주 사용하는 타입

  • string
  • number
  • boolean
  • union type (타입을 미리 정하기 애매할때)
  • any
  • unknown
  • null
  • undefined

예시

변수명 옆에 타입을 지정하여 사용합니다.

let myName:string = 'kim';
let age:number = 20;
// 참고로 타입스크립트에서, 변수명으로 name을 쓰면 에러가 뜹니다. 이미 내장으로 사용되고 있는 변수입니다. 

array 또는 object 자료 안에도 타입 지정이 가능합니다.

let arr:string[] = ['a','b','c']
// 배열의 각 요소가 string 타입임을 의미합니다.
let userInfo : { age : number } = { age : 20 }

튜플형

let obj:[string,number] = ['kim',1]; 
// 튜플형  갯수,타입이 정확히 맞아야함
//배열의 원소갯수,타입 모두 일치하여야 에러가 나지않습니다

array 혹은 object 안에 다양한 자료형이 들어간다면 ?

union Type을 사용합니다.

let arr:(string|number)[] = ['d',1,'c'] // 

let obj:{
  name:string,
  age:number
} = {
  name:'JohnDoe',
  age:20
}

type alias

미리 타입을 커스텀하여 변수에 담아둘 수 있습니다.

type myType = string | number;

let myName:myType = '홍길동';

index signature (object에 들어오는 속성이 매우 많을때 쓰기좋음)

type Member ={
  [key:string]:string
}

let member:Member = {
  name:'JohnDoe',
  age:'123'
} 

object에 들어가는 모든 속성값의 type을 한번에 지정할 수 있습니다.



Tip. 변수 초기화시, 모든 변수에 타입을 일일히 지정할 필요는 없습니다!

변수 초기화 과정에서 타입을 자동으로 부여해줍니다.

let age:number = 3; // 굳이 이렇게하지않고
let age = 3; // 이렇게 하면 알아서 number로 인식합니다.
profile
빨리 가는 유일한 방법은 제대로 가는 것이다

0개의 댓글