[251104] feat: preShopperHouseData

🕐 커밋 시간: 2025. 11. 04. 19:09:24

📊 변경 통계:
  • 총 파일: 6개
  • 추가: +89줄
  • 삭제: -29줄

📝 수정된 파일:
  ~ com.twin.app.shoptime/src/actions/actionTypes.js
  ~ com.twin.app.shoptime/src/actions/searchActions.js
  ~ com.twin.app.shoptime/src/reducers/searchReducer.js
  ~ com.twin.app.shoptime/src/views/SearchPanel/SearchPanel.new.v2.jsx
  ~ com.twin.app.shoptime/src/views/SearchPanel/SearchResults.new.v2.jsx
  ~ com.twin.app.shoptime/src/views/SearchPanel/VoiceInputOverlay/VoiceInputOverlay.jsx

🔧 주요 변경 내용:
  • 타입 시스템 안정성 강화
  • 핵심 비즈니스 로직 개선
  • 소규모 기능 개선
  • 모듈 구조 개선

com.twin.app.shoptime/src/reducers/searchReducer.js

@@ -9,6 +9,7 @@ const initialState = {
   shopperHouseData: null,
   shopperHouseSearchId: null,
   shopperHouseRelativeQueries: null, // ✨ relativeQueries는 독립적으로 저장 (searchId와 별개)
+  preShopperHouseData: null, // 🔄 이전 shopperHouseData 저장 (sortingType 변경 시 사용)
 
   // 🔽 검색 메인 데이터 추가
   searchMainData: {
@@ -64,6 +65,7 @@ export const searchReducer = (state = initialState, action) => {
         // 일반 검색 시 ShopperHouse 데이터 초기화
         shopperHouseData: null,
         shopperHouseSearchId: null,
+        preShopperHouseData: null, // 🔄 이전 데이터도 초기화
       };
     }
 
@@ -86,6 +88,7 @@ export const searchReducer = (state = initialState, action) => {
             action: 'RESET_VOICE_SEARCH',
             shopperHouseData_cleared: true,
             shopperHouseSearchId_cleared: true,
+            preShopperHouseData_cleared: true,
             shopperHouseRelativeQueries_preserved: state.shopperHouseRelativeQueries || '(없음)',
             relativeQueries_length: state.shopperHouseRelativeQueries?.length || 0,
           },
@@ -97,6 +100,7 @@ export const searchReducer = (state = initialState, action) => {
         ...state,
         shopperHouseData: null,
         shopperHouseSearchId: null,
+        preShopperHouseData: null, // 🔄 이전 데이터도 초기화
         // ✨ relativeQueries는 유지 (다음 PROMPT 모드에서 표시하기 위해)
       };
 
@@ -112,6 +116,18 @@ export const searchReducer = (state = initialState, action) => {
         searchTimestamp: Date.now(),
       };
 
+    case types.BACKUP_SHOPPERHOUSE_DATA: {
+      const newPreKey = action.payload?.results?.[0]?.searchId || 'null';
+      const oldPreKey = state.preShopperHouseData?.results?.[0]?.searchId || 'null';
+
+      console.log('[ShopperHouse]-DIFF (after backup) preShopperHouseKey:', oldPreKey, '→', newPreKey);
+
+      return {
+        ...state,
+        preShopperHouseData: action.payload,
+      };
+    }
+
     case types.GET_SHOPPERHOUSE_SEARCH: {
       // ✅ 안전한 데이터 접근
       const resultData = action.payload?.data?.result;
@@ -127,30 +143,17 @@ export const searchReducer = (state = initialState, action) => {
       const searchId = results.length > 0 ? results[0].searchId : null;
       const relativeQueries = results.length > 0 ? results[0].relativeQueries : null;
 
+      // Key 정보
+      const newKey = searchId || 'null';
+      const preKey = state.preShopperHouseData?.results?.[0]?.searchId || 'null';
+
       // [VoiceInput] Redux에 저장 로그
-      console.log('[VoiceInput] 💾 Redux에 저장');
-      console.log('[VoiceInput]   ├─ searchId:', searchId || '(없음)');
-      console.log('[VoiceInput]   ├─ relativeQueries:', relativeQueries || '(없음)');
-      console.log('[VoiceInput]-searchReducer-GET_SHOPPERHOUSE_SEARCH');
-      console.log(
-        JSON.stringify(
-          {
-            searchId: searchId,
-            relativeQueries: relativeQueries,
-            relativeQueries_type: typeof relativeQueries,
-            relativeQueries_isArray: Array.isArray(relativeQueries),
-            relativeQueries_length: relativeQueries?.length || 0,
-            results_length: results.length,
-            firstResult_keys: results.length > 0 ? Object.keys(results[0]) : [],
-          },
-          null,
-          2
-        )
-      );
+      console.log('[ShopperHouse]-DIFF (after API) shopperHouseKey:', newKey, '| preShopperHouseKey:', preKey);
 
       return {
         ...state,
         shopperHouseData: resultData,
+        // 🔄 preShopperHouseData는 건드리지 않음 (API 호출 전에 이미 백업됨)
         shopperHouseSearchId: searchId,
         shopperHouseRelativeQueries: relativeQueries, // ✨ relativeQueries 별도 저장
         // ShopperHouse 검색 시 일반 검색 데이터 초기화
@@ -168,6 +171,7 @@ export const searchReducer = (state = initialState, action) => {
         shopperHouseError: action.payload,
         shopperHouseData: null, // 오류 발생 시 데이터 초기화
         shopperHouseSearchId: null,
+        preShopperHouseData: null, // 🔄 이전 데이터도 초기화
       };
 
     case types.SHOW_SHOPPERHOUSE_ERROR:
@@ -203,13 +207,14 @@ export const searchReducer = (state = initialState, action) => {
         new Error().stack?.split('\n')[1]?.trim() || '(스택 추적 불가)'
       );
       console.log(
-        '[VoiceInput] 🧹 Redux shopperHouseData 초기화 (searchId & relativeQueries는 유지)'
+        '[VoiceInput] 🧹 Redux shopperHouseData 초기화 (searchId & relativeQueries & preShopperHouseData는 유지)'
       );
       console.log('[VoiceInput]-searchReducer-CLEAR_SHOPPERHOUSE_DATA');
       console.log(
         JSON.stringify(
           {
             shopperHouseData_cleared: true,
+            preShopperHouseData_preserved: !!state.preShopperHouseData,
             shopperHouseSearchId_preserved: state.shopperHouseSearchId || '(없음)',
             shopperHouseRelativeQueries_preserved: state.shopperHouseRelativeQueries || '(없음)',
             relativeQueries_length: state.shopperHouseRelativeQueries?.length || 0,
@@ -221,6 +226,8 @@ export const searchReducer = (state = initialState, action) => {
       return {
         ...state,
         shopperHouseData: null,
+        // 🔄 preShopperHouseData는 searchId처럼 유지! (다음 정렬 변경 시 사용)
+        // preShopperHouseData: state.preShopperHouseData, // 명시적으로 유지 (spread로 자동 유지됨)
         // ✅ searchId는 2번째 발화에서 필요하므로 유지!
         // shopperHouseSearchId: null,  // ❌ 제거됨 - searchId를 유지해야 2차 발화에서 searchId 포함 가능
         // ✨ relativeQueries도 PROMPT 모드에서 표시하기 위해 유지!