기본 타입 (1)

해당 글은 개인 공부용도로 작성되었으므로 참고바랍니다.

---

01. 기본 타입

TypeScript는 JavaScript와 거의 동일한 데이터 타입을 지원하며, 열거 타입을 사용하여 더 편리하게 사용할 수 있다.

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

let isDone: boolean = false;

변수명: 타입 으로 인해 isDone 이라는 변수는 boolean 타입이 되며 숫자나 문자등을 할당하면 에러가 발생한다.

배열 타입은 두 가지 방법으로 쓸 수 있다. 첫 번째 방법은, 배열 요소들을 나타내는 타입 뒤에 []를 쓰는 것이다.

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

두 번째 방법은 제네릭 배열 타입을 쓸 수 있다.

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

object 자료안에 들어갈 타입은 내가 만들 object와 똑같은 모습으로 지정하면 된다.

let myInfo : { age : number } = { age : 20 }

---

02. 타입 명시

타입스크립트를 사용한다고 해서 모든 변수에 타입을 지정해야 하는 것은 아니다. 변수 생성시 타입스크립트가 타입을 자동으로 부여해주기 때문이다.

내가 생각하는 타입 명시를 해야할 때와 하지 않아도 될 경우

1. 변수의 타입을 명시해야 하는 경우

• 함수의 파라미터와 리턴 값 : 함수의 경우 타입을 예상하기 어렵기 때문이다.
• 객체 또는 배열의 타입이 동적일 때
• 타입 예상이 어려울 때

2. 변수의 타입을 명시하지 않아도 되는 경우

• 간단한 리터럴
  let name = 'kim'; 과 같이 타입을 유추하기 쉽고 자동으로 string 타입이 할당되기 때문이다.

• 변수의 타입이 확실한 경우

---

03. 예제

개인정보를 담고 있는 객체를 만들고, 타입을 지정한다.

let person : {
  firstName : string;
  lastName : string;
  age : number;
  isStudent : boolean;
} = {
  firstName : "John",
  lastName : "Doe",
  age : 25,
  isStudent : true,
};

만약 해당 객체를 여러 곳에서 재사용하고, 구조가 복잡하거나 가독성을 높이려고 할 때는 타입 정의를 사용할 수 있다. 인터페이스 같은 개념인 것 같다.

// 개인 정보를 담는 객체 타입 정의
type Person = {
  firstName: string;
  lastName: string;
  age: number;
  isStudent: boolean;
};

// 개인 정보 객체 생성
const person: Person = {
  firstName: "John",
  lastName: "Doe",
  age: 25,
  isStudent: true,
};