🕶️ TypeScript 공부 하기 2-1장

오늘은 TypeScript의 기본 타입에 대해 알아보자.

기본적으로 JavaScript와 거의 동일한 데이터 타입을 지원하고

열거 타입을 사용하여 더 편리하게 사용할 수 있다.

 

일단 몇가지만 먼저 알아보자

---

 

Boolean

가장 기본적인 데이터 타입은 JavaScript, TypeScript에서 boolean 값이라고 일컫는 참/거짓(true/false) 값이다.

let isDone: boolean = false;

 

Number

JavaScript처럼, TypeScript의 모든 숫자는 부동 소수 값이다.

부동 소수에는 number라는 타입이 붙혀진다.

TypeScript는 16진수, 10진수 리터럴에 더불어, 2진수, 8진수 리터럴도 지원한다.

let decimal: number = 6;
let hex: number = 0xf00d;
let binary: number = 0b1010;
let octal: number = 0o744;

 

String

TypeScript에서는 텍스트 데이터 타입을 string으로 표현한다.

큰따옴표 (")나 작은따옴표 (')를 문자열 데이터를 감싸는데 사용한다.

let color: string = "blue";
color = 'red';

 

또한 템플릿 문자열 을 사용하면 여러 줄에 걸쳐 문자열을 작성할 수 있으며,

표현식을 포함시킬 수도 있다.

이 문자열은 백틱/백쿼트 (` ) 문자로 감싸지며, ${ expr }과 같은 형태로 표현식을 포함시킬 수 있다.

 

let fullName: string = `Bob Bobbington`;
let age: number = 37;
let sentence: string = `Hello, my name is ${ fullName }.
I'll be ${ age + 1 } years old next month.`;

 

Array

TypeScript는 JavaScript처럼 값들을 배열로 다룰 수 있게 해준다.

배열 타입은 두 가지 방법으로 쓸 수 있다.

첫 번째 방법은, 배열 요소들을 나타내는 타입 뒤에 []를 쓰는 것이다

let list: number[] = [1, 2, 3];

두 번째 방법은 제네릭 배열 타입을 쓰는 것이다. 

Array<elemType>:

let list: Array<number> = [1, 2, 3];

 

튜플

요소의 타입과 개수가 고정된 배열을 표현할 수 있다.

단 요소들의 타입이 모두 같을 필요는 없다.

예를 들어, number, string 이 쌍으로 있는 값을 나타내고 싶을 수 있다.

// 튜플 타입으로 선언
let x: [string, number];
// 초기화
x = ["hello", 10]; // 성공
// 잘못된 초기화
x = [10, "hello"]; // 오류

정해진 인덱스에 위치한 요소에 접근하면 해당 타입이 나타난다.

console.log(x[0].substring(1)); // 성공
console.log(x[1].substring(1)); // 오류, 'number'에는 'substring' 이 없습니다.

정해진 인덱스 외에 다른 인덱스에 있는 요소에 접근하면, 오류가 발생하며 실패한다.

x[3] = "world"; // 오류, '[string, number]' 타입에는 프로퍼티 '3'이 없습니다.

console.log(x[5].toString()); // '[string, number]' 타입에는 프로퍼티 '5'가 없습니다.

 

 

 

다음에 계속 알아 보자.