똑같은 삽질은 2번 하지 말자
Vuex에 대한 고민 본문
개요
컴포넌트들 사이에서 공유되는 데이터들을 global state로 할것인가 local state로 할것인가?
이건 딱히 정해진 룰 같은게 없다.
하지만 UI적인 요소들은 local로해도 충분할 경우가 많고 서버에서 받은 데이터들은 global하게 관리하는게 좋다는 가설은 존재한다.
이 역시도 물론 무엇을 만드냐에 따라 틀릴 수 도 있다.
중요한건 기본 local state부터 시작해서 정말 어쩔수 없을때 global state로 하는게 좋은 접근법이라고 생각한다.
생각해야할 점
페이지의 갱신이나 뒤로가기에 대한 대응?
아마 페이지 컴포넌트가 로드 될때 fetchData를 하면 해결될 듯 싶지만, 사파리의 경우에는 조금 다를 수 있다.
특정한 캐시전략으로 페이지 뒤로가기에 대한 동작을 좀더 빠르게 렌더링 시킨다.
보안?
vuex-persistance로 storage에 저장을 할 텐데 그럼 이건 문제가 없나?
저장할때 암호화 불러올때 복호화하면 될듯 하다?
백에서 데이터를 유지?
아마 왠만하면 store를 쓸 필요가 없을수도 있다.
프론트에서 데이터를 유지?
거의 이럴때 무엇을 store로 할것인가 문제가 되는데 위의 내용처럼 일단 local state부터 시작해보자
참고가 될 만한 문서
https://swdevlab.com/147?category=129933
Vue.js 프로젝트 구조 추천
Vue.js 를 이용하여 프로젝트를 생성 후, 고민이 빠지게 되는 것 중 하나가 프로젝트 구조입니다. Back-End 프로젝트의 경우 대부분 비슷한 구조를 갖고 개발을 시작하기 때문에 협업을 할 때 서로
swdevlab.com
https://tjmschk.hatenablog.com/entry/2020/12/14/231800
Composition API + Typescript で Vuex をリアクティブに安全に使いたい - schktjm’s diary
こんにちは、毎年アドカレの時期しかブログを更新しないたじまです。（今年は少し頑張ったかな？） この記事は、 Aizu Advent Calender 2020 の14日目の記事です。 13日目は虚無さん、15日目は spoo
tjmschk.hatenablog.com
'Vue' 카테고리의 다른 글
| Vue Props로 Array, Object의 default를 arrow function으로 하는 이유 (1) | 2021.12.04 |
|---|---|
| [vuex] do not mutate vuex store state outside mutation handlers. (feat. javascript의 얕은복사 깊은복사) (0) | 2021.11.20 |
| vue(vue-cli)에서 component preload prefetch 기능 끄기 (0) | 2021.11.03 |
| vue-cli 와 webpack 설정 (0) | 2021.11.03 |
| Typescript + Vue (0) | 2021.10.10 |
