계산된 속성

computed property는 단순히 저장된 데이터를 반환하는 대신 값을 계산하고 반환하는 getter입니다. 일반적인 property처럼 보이지만 값을 즉시 계산합니다.

예제를 살펴봅시다. 일반 property가 있는 객체가 있습니다:

const circle = {
  radius: 5
};

이제 getter를 사용하여 계산된 속성을 추가합니다:

const circle = {
  radius: 5,
  get diameter() {
    return this.radius * 2;
  }
};

다음과 같이 computed property에 접근합니다:

console.log(circle.diameter); // 출력: 10

radius를 업데이트하면 diameter도 자동으로 업데이트됩니다:

circle.radius = 10;
console.log(circle.diameter); // 출력: 20

computed property는 다른 property의 값에 의존하거나 계산이 필요한 경우 유용합니다.