[node.js] computed property (기초)

1. 속성(Property)

javascript 뿐만 아니라, 다른 프로그래밍을 할 때 객체의 속성은 다음과 같은 종류들이 존재한다.

• value : 값속성, 값 자체
• get / set : 확보/접근속성, 객체의 인스턴스를 확보하거나 접근가능여부(True or False)
• writable : 수정속성, 객체의 인스턴스 내용을 수정할 수 있는 지의 여부(True or False)
• enumerable : 열거속성, forEach 등 loop 문으로 객체 인스턴스에 접근할 수 있는지의 여부(True or False)
• configuralbe : 삭제속성, 객체 인스턴스를 삭제할 수 있는지의 여부(True of False)

속성은 보통 선언 혹은 구문이 쓰여진 동시에 정해진다.

2-1. computed property 기본개념

속성을 임의로 정의해준다는 개념이다.

일단 보통의 의미는 객체를 정의할 때, key값을 []를 통해 별도의 표현식이나 함수로 정의하는 경우를 일컫는다.

obj = {
  const value = 1
  [value] = "value_one"
}

2-2. 속성을 정의한다는 것

원래 정해진 속성이 아닌, 다른 형태로 속성을 정의해주거나
다른 형태로 사용된 구문을 마치 속성처럼 사용하는 것이다.

computed property를 넓게 보면 여러 함수나 표현식을 하나의 속성처럼 사용한다는 의미이다.

  data: {
    product: 'Socks',
    brand: 'Vue Mastery',
      
  computed: {
    title() {
      return this.brand + '  ' + this.product;
    }
  },

위 반환된 return 구문을 보면 객체 인스턴스를 마치 문자열처럼 속성화하여 사용하였다.

<div>{{title}}</div>

이러한 속성화된 구문은 html tag에서 해당 속성으로 그대로 사용할 수 있다.

3. 참조링크

속성
https://moonscode.tistory.com/6

computed property
https://eastflag.co.kr/vue/shop-cdn-link/computed-property/