[TypeScript] 타입 별칭과 추론을 간단히!

타입 별칭

• type이라는 키워드를 사용해서, 나만의 타입을 지정.
• 첫 글자는 대문자로 작성하여 지정하도록 함.
• 타입을 내가 원하는 이름으로 사용 가능
• 타입을 반복해서, 재사용하고 싶을 때도 주로 사용. → 유지보수성 증가
• 가독성 문제를 해결할 수 있는 방안으로 제시!

• 예시 1

    type Level = number; // 타입 별칭 지정
      
    let level: Level = 10;
    let level2: number = 10; // 같은 의미를 지님
  

• 예시 2

    type Id = { id: number };
    type Value = { value: string };
    type Attributes = { weight: number; color: string };
    type ComplexData = Id &
      Value & {
        attributes: Attributes;
      };
    type ComplexStructure = ComplexData[];
    let complexStructure: ComplexStructure = [
      { id: 1, value: "apple", attributes: { weight: 1.2, color: "green" } },
      { id: 2, value: "banana", attributes: { weight: 0.5, color: "yellow" } },
      { id: 3, value: "cherry", attributes: { weight: 0.2, color: "red" } },
    ];
  

• & (인터섹션)을 사용하며 타입 지정

    {
      type User = {
        name: string;
        age: number;
      };
      
      type Developer = {
        skill: string;
      };
      
      let human: User = {
        name: "jaegeon",
        age: 26,
      };
      
      let developer01: User & Developer = {
        name: "jaegeon",
        age: 20,
        skill: "TypeScript",
      };
    }
  

---

let vs const 타입 추론

• 두 자료형은 타입 추론이 다르게 적용됨.

let

• 값의 형태에 따라 number로 추론됨

    let number = 10;
  

  

const

리터럴 타입: 값 자체를 타입으로 추론

• 기본 자료형은 리터럴 타입으로 추론됨
• 객체 자료형은 형태에 따라 타입 추론

• 값에 따라 10으로 추론됨

    const num = 10;
  

  

---

[추가] toFixed

• 숫자를 소수점 고정 자리수까지 문자열로 반환해주는 메서드

  숫자.toFixed(소수점 이하 정수)
  

• 소수점 이하 정수: 소수점 이하 몇 자리까지 표시할지 지정하는 정수
  (기본값은 0)
• 문자열로 반환되므로, 원하면 숫자로 변환하는 로직을 추가해야함!
• toFixed(0)은 정수로 반올림된 문자열을 반환