[TypeScript] 객체의 타입과 readonly

🐣 들어가기 전에!

---

객체에도 타입이 존재한다!_! 당연한 사실..! 뚜둥! 그러면 이번에는 객체의 타입과 readonly에 대해서 살펴보자!_! 간단하니 짧은 글이 되겠따!

 

 

혹시 지난 게시물이 궁금하다면?

[TypeScript] Narrowing 과 Assertion

객체의 타입 2탄 interface 글이 궁금하다면?

[TypeScript] 객체의 타입 interface

 

 

🐣 객체의 타입

---

1. 개념

객체의 타입은 TypeScript에서 변수나 속성이 가질 수 있는 구조와 타입을 정의. 해당 객체가 어떤 속성과 메서드를 포함하고 있는지를 명시하며, 코드에서 명확한 타입 검사와 에러 방지를 가능하게 함.

 

2. 코드로 살펴보기

아래의 코드에서는 type alias(타입변수)를 이용하여 객체의 타입을 정의했음.

// 예제: 사용자 객체의 타입 정의
type User = {
    name: string;
    age: number;
    isAdmin: boolean;
};

// User 타입을 가진 객체 생성
let user: User = {
    name: "Alice",
    age: 30,
    isAdmin: true
};

console.log(user.name); // "Alice"
console.log(user.isAdmin); // true

 

만약 타입변수에 대한 개념을 모른다면 아래 정리글 참고!_! 

[TypeScript] 타입 변수 type alias

 

 

🐣 readonly

---

1. 개념

readonly 키워드는 변수나 속성을 읽기 전용으로 선언할 때 사용. 이를 통해 값이 한 번 할당되면 변경할 수 없게 됨.

 

2. 특징

const 객체 재할당을 못하게 할 수 있음! const 변수는 등호로 재할당 막는데, 객체의 경우 수정이 자유롭게 가능함

* 참고 : 객체 재할당 되는 이유는 변수에 할당된 주소값을 참조하고, 객체를 재할당 할 경우 주소값은 변하지 않기 때문. 그래서 const 키워드 선언 후에 데이터 변경 가능

const 출생지역 = { region: 'seoul' }
출생지역.region = 'universe'

// readonly 사용하여 object 자료 수정 막기
type Animal2 = {
    readonly name : string //실수로 수정하면 에러발생시킴
}

const 동물2 : Animal2 = {
    name : 'cat'
}

 

3. 코드로 살펴보기

// readonly 키워드를 사용하여 상수를 정의
const PI: number = 3.14;
console.log(PI);

// readonly를 사용하여 객체의 속성을 읽기 전용으로 정의
type Circle = {
    readonly radius: number;
};

let circle: Circle = { radius: 10 };
console.log(circle.radius);

// 다음과 같이 속성을 변경하려고 하면 오류가 발생
// circle.radius = 20; // Error: Cannot assign to 'radius' because it is a read-only property

 

 

---

 

 

최근 프로젝트에 readonly를 사용한 기억이 나는구만..

 

[TypeScript] 타입 변수 type alias