Vuex로 전역 상태와 스토어 모듈 관리하기
Vuex로 전역 상태를 읽고 변경하는 방법을 예제로 설명합니다. 스토어를 모듈과 네임스페이스로 나누며, 기존 Vue 프로젝트의 상태 관리 구조를 살펴봅니다.
무엇을 상태로 두고 무엇을 두지 말지 다룹니다. 전역 스토어와 쿼리 캐시, 파생 상태, 히스토리를 확인합니다.
모든 태그 보기Vuex로 전역 상태를 읽고 변경하는 방법을 예제로 설명합니다. 스토어를 모듈과 네임스페이스로 나누며, 기존 Vue 프로젝트의 상태 관리 구조를 살펴봅니다.
웹뷰에서 뒤로가기를 한 번 눌렀는데 두 단계 이동하던 원인을 추적합니다. 웹과 네이티브 중 누가 뒤로가기를 실행할지 정하고 탐색 상태를 복원하는 방법을 설명합니다.
React에서 별도로 저장할 필요가 없는 상태를 구분합니다. 최신 값 읽기, 파생 값 계산, Effect의 연쇄 실행 예제로 상태를 줄이는 기준을 살펴봅니다.
브라우저가 방문 기록을 추가·교체하고 이전 기록으로 이동하는 방식을 설명합니다. SPA 라우터가 그 기록을 화면으로 복원하는 과정도 살펴봅니다.
응집도와 결합도의 종류를 구분하고, 프론트엔드 컴포넌트와 모듈 설계에 적용해봅니다. 상태 관리·의존성 주입·이벤트 버스가 코드 간 의존 관계에 미치는 영향을 예제로 살펴봅니다.
TanStack Query가 쿼리 키로 캐시를 찾는 과정을 소스 코드로 살펴봅니다. 키의 직렬화와 부분 매칭, 데이터 갱신과 하이드레이션에서 주의할 점을 정리합니다.