1. 문제 상황

• 내가 보유한 명함을 보여주는 페이지에서 명함의 제목을 수정한 후 즉시 반영이 필요
• 제목을 수정하는 트리거와 실제 제목을 변경할 수 있는 실행 처가 여러 컴포넌트를 거처야 하는 상황
• 제목 수정 후 짧은 시간 내에 명함을 편집하러 에디터로 넘어가면 변경된 제목이 반영되지 않음

2. 구현 과정

2-1. 내 명함을 편집하러 에디터로 연동이 되기 직전의 상황

• 구현 당시 에디터에서 만든 명함에 DB에 어떻게 자료가 저장이 되는 지 개념적으로는 알고는 있었지만, 실제 저장된 것을 확인 하지는 못함
• 제목 편집 트리거(CardEditDropdown)와 실제 제목을 편집 할수있는 실행처(CardTitleEditor)가 다른 상황(조상 컴포넌트 공유)
• 수정된 제목이 DB에만 잘 들어가면 되겠지? 하고 서버액션으로 처리 (DB에 잘 기록됨)
• 수정된 제목으로 업데이트는 잘 되긴 하지만, 페이지 즉시 반영이 되진 않음

2-2. 만들어진 명함을 편집하러 에디터로 연동 된 후

• 제작된 명함을 편집상태로 진입 후 재저장 한 후에 내명함 페이지에서 편집된 화면은 적용되지만, 제목은 적용되지 않는 상황 발생

  ⇒ 데이터를 불러오는 훅에 마운트시마다 새로운 정보를 받아오도록 옵션 추가

• 그럼에도 제목은 변환이 되지 않는 상황 발생

• useState와 useEffect, onUpdate사용해서 로컬에서 컴포넌트간 동기화 처리

2-3. 이후 테스트 하던 중 또다시 명함의 제목 및 삭제가 즉시 반영되지 않는 상황 발생

• 항시 그런것이 아니라 간헐적으로 발생하며, 정렬 옵션을 반영하여 데이터를 불러오는 로직을 수정하면서 오류 발생한 것으로 추측
• 리패치관련 옵션 추가하였지만 제대로 적용되지 않음
• 삭제로직에 쿼리키 다시 설정하여 해결