타입스크립트/타입스크립트 기초 - 변수와 함수 타입 정의하기

기본 타입

webmaster 2022. 10. 4. 16:02
728x90

타입 스크립트로 변수나 함수와 같은 자바스크립트 코드에 타입을 정의할 수 있으며, 기본 타입에는 크게 12가지가 있다.

  • Boolean
  • Number
  • String
  • Object
  • Array
  • Tuple
  • Enum
  • Any
  • Void
  • Null
  • Undefined
  • Never

문자열, 숫자열, 배열

// JS 문자열 선언
//var str = 'hello'

//TS 문자열 선언
//const, let을 사용해야한다
const str: string = 'hello' //왼쪽 변수는 문자열로 선언 하겠다.
//TS 숫자형 선언
let num: number = 10

//TS 배열 타입 선언 -> 어떤 타입만 들어올지도 선언해 주어야 한다
let arr: Array<number> = [1, 2, 3]
let heroes: Array<string> = ['Capt', 'Thor', 'Hulk', /* 10 //숫자는 안된다*/]
let items: number[] = [1,2,3] //number의 배열 리터럴로 표현도 가능하다.
  • 변수 명 옆 (:)으로 타입을 선언한다.
  • 배열 같은 경우 2가지 방식이 있다.
    • Array<number>를 통해 배열 선언이 가능하다.
    • number[] 리터럴로 타입 선언이 가능하다.

튜플, 객체, 진위(boolean)

//TS 튜플 -> 특정 위치에 어떤 타입이 올지 지정
let address: [string, number] = ['gangnam', 100];

//TS 객체
let obj: object = {}
/*
//person 내부 타입은 아무거나 올 수 있다.
let person: object = {
    name: 'capt',
    age: 100,
}
 */
let person: { name: string, age: number } = {
    name: 'thor',
    age: 1000
}

//TS 진위값
let show: boolean = true
  • 튜플은 배열에 각각 순서와 타입이 다르게 선언할 수 있다.
  • 객체는 object로 선언하며, 내부 타입을 정의하거나 정의하지 않거나 할 수 있다.
    • 타입에 object만 쓰면 객체 내부 타입은 아무거나 와도 된다.
728x90