[Vue3/Typescript] 할일 목록을 만들면서 Vue3 배워보자 - 03
할일 목록을 만들면서 Vue3 배워보자 - 01 할일 목록을 만들면서 Vue3 배워보자 - 02 > 할일 목록을 만들면서 Vue3 배워보자 - 03 이번에는 Store를 통해 작업을 진행해보겠습니다. 기존에는 vuex를 사용해서 작업을 했었는데, vue3에서는 공식적으로 pinia 라이브러리를 사용하기를 권고하고 있습니다. Pinia - Vuex를 대체할 새로운 Store! 사실 Pinia 는 Vue의 코어팀에서 활동하는 Eduardo 가 Vuex 5 의 RFC 에 따라 Vuex 5 의 구현체로 Pinia 를 작성한 것이다. 공식문서에 따르면 Vue 의 철학을 충실하게 따르면서 Pinia 를 개발중이며, 추후에 Pinia 와 Vuex 5 두 프로젝트를 하나로 합치거나 아주 쉽게 이동할 수 있도록 지원할 ..
로컬 스토리지(Local Storage)
스토리지 쿠키의 단점을 보완해서 만든 기술이다. key, value로 이루어진 데이터 파일이다. 서버의 자원이 사용하므로 서버의 공간이 필요하다. 기기마다 차이는 있으나 모바일 2.5MB, 데스크탑 5MB~10MB정도 저장 가능하다. 쿠키 보다 보안이 우수하며 많은 정보를 담을 수 있다. Local Storage, Session Storage로 나뉘며 데이터의 만료에 따라 나뉜다. (사용자가 데이터를 삭제하지 않는 한) Local Storage = 만료기한 없음, Session Storage = 세션 종료 시 만료. 데이터의 만료기간이 없으며 사용자가 데이터를 지우지 않은 한 영구적으로 보존된다. 사이트 재 방문시 이전에 저장되었던 정보를 이용 할 수 있어 활용도가 높다. 사용자 설정 저장, 브라우저를 ..