st: feat: 그리드 해더 색상 통일, 통계입력현황 조회 기능 추가 & 검색폼 컴포넌트 로직 수정(통계입력현황 조회시 도를 제외한 시는 행정구역(sggNm)을 조회하지 않도록)

apps/st/src/components/module/SearchForm.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useState, useEffect } from "react";
+import { useState, useEffect, useRef } from "react";
 import useSWR from 'swr';
 
 import {
@@ -19,6 +19,7 @@ import { useAlertStore } from "@/shared/lib";
 import { type SearchFormProps, type SearchFormValues, defaultSearchFormProps } from "../type/SearchForm.type";
 import { statisticsAPi } from "@/entities/statistics/api/statistics-service";
 import type { ApiResponse, SearchCondition, Sgg } from "@/entities/statistics/model/statistics-interface";
+import { doList } from "../util/column/input/DoList";
 
 const getSidoListFetcher = async (): Promise<ApiResponse<SearchCondition>> => {
     return statisticsAPi.getSidoList();
@@ -66,8 +67,13 @@ const SearchForm = (props: SearchFormProps = {}) => {
         bsnmCd: props.defaultValues?.bsnmCd || '',
     });
 
+    // isStatusMenu면 bsnmCd가 doList에 있을 때만 시군구 조회. 선택 후 옵션 유지를 위해 마지막 목록 ref 사용
+    const sggKey: [string, string] | null =
+        values.sido && values.sido !== "ALL" && (!mergedProps.isStatusMenu || doList.includes(values.bsnmCd ?? ""))
+            ? ["sgg-list", values.sido]
+            : null;
     const { data: sggList } = useSWR<ApiResponse<Sgg[]>>(
-        values.sido && values.sido !== "ALL" ? ["sgg-list", values.sido] : null,
+        sggKey,
         getSggListFetcher,
         {
             revalidateOnFocus: false,
@@ -87,7 +93,9 @@ const SearchForm = (props: SearchFormProps = {}) => {
             },
         }
     );
-
+    const lastSggListRef = useRef<Sgg[]>([]);
+    if (sggList?.data) lastSggListRef.current = sggList.data;
+    const sggOptions = sggList?.data ?? (values.sido && values.sido !== "ALL" ? lastSggListRef.current : []);
 
     const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
         e.preventDefault();
@@ -95,6 +103,7 @@ const SearchForm = (props: SearchFormProps = {}) => {
     };
 
     const handleReset = () => {
+        lastSggListRef.current = [];
         const resetValues: SearchFormValues = {
             sido: '',
             gugun: '',
@@ -109,7 +118,7 @@ const SearchForm = (props: SearchFormProps = {}) => {
 
     const handleSidoChange = (value: string) => {
         const selectedBsnm = sidoList?.data.sidoList.find((v) => v.sido === value)?.bsnmCd || '';
-
+        lastSggListRef.current = []; // 시도 변경 시 이전 시군구 목록 제거(조건 안 맞는 시도로 바꿀 때 옵션 안 남도록)
         setValues((prev) => ({
             ...prev,
             sido: value,
@@ -119,9 +128,10 @@ const SearchForm = (props: SearchFormProps = {}) => {
     };
 
     const handleSggChange = (value: string) => {
+        const listForBsnm = sggList?.data ?? lastSggListRef.current;
         const selectedBsnm = value === 'ALL'
             ? (sidoList?.data.sidoList.find((v) => v.sido === values.sido)?.bsnmCd || '')
-            : (sggList?.data?.find((v) => v.gugun === value)?.bsnmCd || '');
+            : (listForBsnm.find((v) => v.gugun === value)?.bsnmCd || '');
 
         setValues((prev) => ({
             ...prev,
@@ -169,7 +179,7 @@ const SearchForm = (props: SearchFormProps = {}) => {
                                 </SelectTrigger>
                                 <SelectContent>
                                     <SelectItem value="ALL">전체</SelectItem>
-                                    {sggList?.data?.map((sgg) => (
+                                    {sggOptions?.map((sgg) => (
                                         <SelectItem key={sgg.adstDstrCd} value={sgg.gugun}>
                                             {sgg.gugun}
                                         </SelectItem>