fix: 💪 Pull Request: fix: 캘린더 반응성 문제 해결 및 데이터 갱신 임시 처리

[joeholee]

✨ 주요 변경 사항

1. 강제 새로고침 추가

   • 모달 내 window.location.reload()를 통해 데이터 갱신 강제 반영.

2. 반응성 디버깅 코드

   • isReactive를 활용한 디버깅 로그 추가.
   • records 데이터가 비반응성으로 동작하는 상황을 확인.

3. 임시 반응성 트리거

   • records.value = [...records.value]를 통해 Vue 반응성 시스템 강제 트리거.

---

🔧 변경 파일

1. TestCalendarRecord.vue
   • 데이터 저장/삭제 후 강제 새로고침 처리 추가.
2. CalendarComponent.vue
   • props.records 반응성 디버깅 코드 추가.
3. recordStore.js
   • API 응답 데이터를 Vue 반응성 시스템과 호환되도록 배열로 복제 처리.

---

🔮 추후 보완 필요

1. 자연스러운 데이터 흐름 확보
   • 강제 새로고침 제거 및 반응성 활용 개선.
2. 컴포넌트 간 데이터 전달 최적화
   • 캘린더와 모달 간의 데이터 연동 구조 점검 및 리팩토링.
3. 유저 세션 처리 강화
   • 세션 만료 시 UI 상 알림 및 재로그인 처리 추가.

---

📋 체크리스트

• [x] 데이터 수정/삭제 후 강제 새로고침으로 반영 확인
• [x] 반응성 디버깅 결과 확인
• [ ] 자연스러운 반응성 데이터 갱신 처리
• [ ] 컴포넌트 상태 관리 최적화

---

🛠 테스트 로그

• [x] 기록 수정 시 강제 새로고침 반영 확인
• [x] 기록 삭제 시 강제 새로고침 반영 확인
• [x] 기록 추가 시 강제 새로고침 반영 확인
• [ ] 반응성으로 처리되는 데이터 흐름 확인 (추후 구현 예정)

---

이슈 연관: #20

[lov-etan]

이걸 해내다니 당신은 천재만재 우주최강 스마트뽀이가 되시겠습니다. 덕분에 심심하지 않고 센스가 두 방울 톡 톡 들어간 사용자 환경을 갖추게 되었겠군요. 고생 많으셨습니다 🥂