Study/Typescript

[Typescript] 타입스크립트 기본 타입

hyjang 2024. 9. 15. 22:35
728x90

기본 타입

  • 타입스크립트가 자체적으로 제공하는 타입

원시타입(Primitive Type)

- 하나의 값만 저장하는 타입

 

number

//number
let num1: number = 123;
let num2: number = -123;
let num3: number = 0.123;
let num4: number = -0.123;
let num5: number = Infinity;
let num6: number = -Infinity;
let num7: number = NaN;

num1.toFixed(); //넘버타입의 메소드만 사용 가능 
💡 이때 변수 뒤에 붙는 타입(:number)을  타입 주석 또는 타입 annotation 이라고 한다.

 

string

//string
let str1: string = "hello";
let str2: string = 'hello';
let str3: string = `hello`;
let str4: string = `hello ${num1}`;

str1.toUpperCase(); //문자열 타입의 메소드만 사용가능 

 

boolean

//boolean
let bool1: boolean = true;
let bool2: boolean = false;

 

null

//null
let null1: null = null; // null값 이외에 값 사용 불가 

 

undefined

// undefined
let unde1: undefined = undefined; //undefined 값만 사용 가능 

 

임시로 number 타입에 null값을 넣는 방법

// tsconfig.ts
{
    "compilerOptions": {
        (...)
        "strictNullChecks": false, //엄격한 null 검사 
    },
  (...)
}
  • strict의 하위 옵션으로 strict가 true면 저절로 true로 설정된다.
  • 기본값이 true기 때문에 활성화하고 싶으면 해당 옵션을 지운다.

 

+ 리터럴 타입

//리터럴 타입
//리터럴 -> 값
let numA:10 = 10;
let strA:"hello" = "hello";
let boolA:true = true;
 💡 값 자체가 타입이 되며, 타입으로 지정한 값 이외에는 값을 가져올 수 없다.

 

 

 

출처 : https://www.inflearn.com/course/한입-크기-타입스크립트