본문 바로가기
블로그 이미지

방문해 주셔서 감사합니다! 항상 행복하세요!

  
   - 문의사항은 메일 또는 댓글로 언제든 연락주세요.
   - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다.
   - 메일주소 : lts06069@naver.com


pinia3

[Vuejs] vuex보다 편한 pinia에서의 세션 스토리지(sessionStorage) 적용 방법 vuex 환경에서 세선스토리지(sessionStorage)나 로컬스토리지(localStorage)를 사용하기 위해서는 아래와 같은 방법을 사용 하였습니다. 1. window 객체인 sessionStorage를 직접 적용하여 줍니다. 2. vuex-persistedstate 모듈을 추가 합니다(npm i vuex-persistedstate) 3. pinia-plugin-persistedstate 모듈을 추가 합니다(npm i pinia-plugin-persistedstate) 첫번째 방법은 일단 손도 많이가고 간단한 설정을 할 수 없기에 두번째 방법을 주로 사용하는데.. vuex-persistedstate 모듈(라이브러리)을 사용하기 위해 npm에 접속 해 보았더니.. 디프리케이티(deprecated)드 .. 2023. 4. 3.
[Vuejs] vuex subscribe 함수 vuex에서 세션 스토리지나 로컬 스토리지를 사용하기 위해서 이것저것 뒤지던 중 "vuex-persistedstate" 플러그인을 추가하면 된다는 내용을 찾았습니다. 그래서 해당 플러그인을 찾기위해 npm을 검색하고 내용을 읽어보려 클릭하였는데.. 아아...deprecated 되버린 문구를 보고선 바로 마음을 접었습니다. 사용 할 수는 있겠지만 굳이 그러고 싶지 않았기 때문 입니다. 아무튼 조금더 편한 방법이 없을까 하여 뒤져보던중 구독(subscribe) 함수가 있는 것을 발견 하였습니다. 구독(subscribe) 하기 함수는 구현한 스토어 객체에 대해서 값의 변화 유무에 대해서 변화한 행동을 감시(watch) 하는 기능 입니다. RXJS에서의 subscribe와 거의 비슷한 기능이라서..구현 방법은 .. 2023. 3. 20.
[Vuejs] vuex 설정시 만날 수 있는 경고(warn) vuejs 3버전에서 vuex를 연습하기 위해서 이곳저곳의 글을 참조하여 연습하던 중 만난 경고 문구 입니다. [Vue warn]: A plugin must either be a function or an object with an "install" function. 분명 시키는데로 했는데..왜 이러한 경고 문구가 발생하는지.. SPA의 기술이 이럴 때 마다 참 아쉽습니다. 기존의 개발방식이나 방법을 아에 없애는 경우도 허다하니까요. 아무튼, 해당 문제의 원인은 Vuex를 use 라는 함수에 넣어서 발생한 경우 였습니다. 해당 기능을 설명하는 vuex의 index.d.ts 타입스크립트를 따라가봐도 Vuex로 시작하는 export하는 구간은 없습니다. 제가 vuex 연습을 위해 참고 하였던 해당 포스팅에서.. 2023. 3. 17.