85. Understanding Getters
npm create vue@latest
이전 강의에서는 스토어 내부의 상태 속성을 변경하는 방법인 mutation(변이)에 대해 배웠습니다.mutation을 만들 수 있듯이 getter(게터)라고 불리는 것도 만들 수 있습니다.
게터는 그 이름에서 알 수 있듯이, 스토어에서 상태 속성에 접근할 수 있게 해줍니다.
게터 사용은 선택 사항입니다.
스토어 객체를 통해 직접 상태 속성에 접근할 수 있습니다.
스토어 객체는 모든 컴포넌트에 주입됩니다.
다음은 상태를 접근하는 방법의 예입니다.
이것은 스토어에서 상태 속성을 가져오는 한 가지 방법입니다.
Pinia는 Getters라 불리는 또 다른 솔루션을 제공합니다.
게터를 사용하는 주요 이점은 캐싱을 지원한다는 것입니다.
상태가 변경될 때 스마트하게 자신을 업데이트할 수 있습니다.
우리는 계산된 속성(computed)이 값을 캐싱하는 한가지 방법이라는 것을 배웠습니다.
하나의 해결책은 주어진 컴포넌트에서 사용하고자 하는 모든 상태 속성에 대해 계산된 속성(computed)을 작성하는 것일 수 있습니다.
이 방법은 작동할 것입니다.
하지만 이렇게 하면 중복 문제에 직면할 수 있습니다.
모든 컴포넌트에서 동일한 계산된 속성을 정의해야 합니다.
이 때 게터가 사용됩니다.
게터를 스토어의 계산된 속성으로 생각할 수 있습니다.
게터의 주요 이점 중 하나는 모든 컴포넌트에서 접근 가능하다는 것입니다.
게터는 한번 정의하고 어디에서나 사용할 수 있습니다.
게터는 또한 똑똑합니다.
상태가 변경될 때만 업데이트됩니다.
이것은 애플리케이션의 성능에 도움이 될 수 있습니다.
다음 강의에서 게터를 사용하기 위해 애플리케이션을 준비해 보겠습니다.