TypeScript : 숫자와 불리언 타입 : 사용 방법, 개념, 예제

TypeScript : 숫자와 불리언 타입 : 사용 방법, 개념, 예제

 

첫 번째는 숫자(number) 타입으로 JavaScript와 동일합니다. 정수형과 부동수형으로 나누진 않고 동일하게 숫자 타입으로 지정합니다. 변수 뒤에 콜론(:)과 number로 TypeScript에 타입을 지정하면 됩니다. 두 번째로는 불리언이 있습니다 주의할 점은 모두 소문자로 표시해야 됩니다. boolean으로 b를 소문자로 써야 합니다. 아시겠지만 불리언은 참 혹은 거짓 값을 의미하고 그래서 불리언 타입에는 변수의 옵션이 두 개밖에 없습니다.

 

 

// String Variable With Explicit Annotation
let movieTitle: string = "Amadeus";
movieTitle = "Arrival";
movieTitle = 9; //This results in an error!
movieTitle.toUpperCase();

// Number Variable with explicit annotation
let numCatLives: number = 9;
numCatLives += 1;
numCatLives = "zero"; //Error!

// Explicitly typed boolean variable:
let gameOver: boolean = false;
gameOver = true;
gameOver = "true"; //error!!

 

숫자 타입 변수에 문자열을 적어주면 문자열에 숫자를 넣었을 때와 마찬가지로 오류가 발생합니다. 예를 들어 numCatLives라는 변수를 써주고 타입은 숫자(number)로 지정하고 9를 값으로 써줍시다.

이제 numCatLives+=1로 증감 연산을 시켜보죠 오류가 표시되지 않습니다. 하지만 여기에 "zero"라는 문자열을 적어주면 오류가 표시되됩니다. '문자열을 숫자 타입에 배정할 수 없다'라고 알려줍니다.

불리언의 경우도 같습니다. gameOver라는 변수를 불리언 타입으로 지정하고 초깃값에 false를 적고, true로 바꾼다면 문제가 없지만 문자열 "true"로 바꾸려고 하면 빨간 줄로 오류가 표시됩니다.

TypeScript이 오류에 관해 훌륭한 피드백을 주는 겁니다. '이 변수는 불리언인데 왜 문자열을 쓰니?'라고 물어봅니다. 이렇게 원시 타입, 숫자와 불리언에서 애너테이션에 관해 살펴봤고 bigint와 symbol도 있지만 드물게 사용합니다. 문자열, 숫자 그리고 불리언이 가장 흔하게 쓰는 원시 타입입니다.