Ref
-
Vue 비동기처리에서의 반응형함수Vue 2024. 2. 20. 20:47
이 글은 Vue3 composition API를 기준으로 작성되었습니다. 동기 실제 vue 어플리케이션을 이용한 웹뷰 개발에서는 대부분 서버로부터 받는 데이터는 splash 단계에서 또는 로그인 후 일괄적으로 pinia에 데이터를 저장하는 경우가 많았다. 따라서 서버통신한 데이터를 사용할 때는 pinia store에 전역적으로 저장된 데이터를 getter로 불러와서 사용하는 방식이었기 때문에 크게 문제가 되는 부분이 없었다. 하지만 프로젝트를 진행하면서 전역적으로 데이터를 관리할 필요없이 특정 페이지에서만 리스트를 보여주는 경우일 때는 페이지 컴포넌트에서 비동기통신을 해야 하는 경우가 발생한다. 이 경우 onMounted훅 내에서 비동기 데이터를 처리하고 ref를 사용하여 반응형으로 상태를 관리하는 것을..