rendering optimization (1) 썸네일형 리스트형 Vue3 리렌더링 최적화 with ComputedEager Vue3의 즉시 평가를 이용하여 렌더링을 최적화 하는 방법을 알아봅시다. Vue3의 리렌더링 최적화? Vue3은 리액트에 비해 최적화가 굉장히 잘 되어 있는 편이라, 렌더링 최적화에 대한 관싱이 별로 없는 것 같습니다. React는 뷰모델을 새로 만들기 위해 자식 컴포넌트 전체를 리렌더링 하기 때문에 성능 손실이 있는 편이지만, Vue3의 경우 뷰모델을 참조 형태로 저장하고 있기에 불필요한 자식 컴포넌트의 리렌더링이 불필요하기 때문이죠. 그렇다면 Vue3에서 리렌더링이 성능 이슈가 될 경우는 언제일까요? 바로 배치 처리의 이점을 활용하기 위해 리렌더링을 하는 것보다, 값 변경 연산 비용이 저렴할 때입니다. @VueUse의 computedeager 예제를 봅시다. 해당 컴포넌트에선 다음과 같은 일이 일어납.. 이전 1 다음