지반침하정보 총 결과 건수 표시

2026-06-11 11:36:13 +09:00
parent c10a2ae1c8
commit c6309bf14d
3 changed files with 20 additions and 1 deletions
@@ -403,7 +403,7 @@ export default function SinkholePopupPage() {
        </div>

        <UiTable<SinkholeTableRow>
-          headName={undefined}
+          headName={<>지반침하 조회 결과 총 {total.toLocaleString()}건</>}
          tableData={rows}
          headlist={HEADLIST as any}
          pageSize={PAGE_SIZE}
@@ -413,6 +413,7 @@ export default function SinkholePopupPage() {
          curPage={currentPage}
          index={selectedIndex}
          widthFixed={true}
+          isHideCount={true}
        />
      </section>
    </main>
@@ -90,6 +90,18 @@
  - 다운로드 첫 데이터 행 헤더 스타일 오염 제거
 - 현재 대화 범위에서는 기능 테스트 성공으로 판정한다.

+### 2.13 2026-06-11 목록 총 건수 헤더 표시 확인
+
+- 검증 대상
+  - `FE_APP_ROOT/app/(map-layout)/map/components/sinkhole/SinkholePopupPage.tsx`
+- 확인 내용
+  - 지반침하 팝업 목록 테이블이 `total` 상태값을 이미 보유하고 있는지 코드 경로를 다시 확인했다.
+  - 테이블 헤더를 `지반침하 조회 결과 총 {total.toLocaleString()}건`으로 지정하고 `isHideCount={true}`를 적용해, 노후관로와 같은 문구 형식으로 총 건수가 노출되도록 보강했다.
+  - 사용자 확인 결과 반경이 정상 적용되었고, 요구한 총 건수 문구가 지반침하 팝업 상단에 표시되는 것을 확인했다.
+- 검증 결과
+  - 사용자 확인 완료
+  - 추가 브라우저 재현 캡처와 빌드 재실행은 이번 라운드에서 수행하지 않음
+
 ## 3. 미실행 항목

 - FE 브라우저 검증
@@ -211,6 +211,12 @@
 - `layericon` 폴더의 기존 운영 자산이 대부분 `png` 기반인 점도 고려해, 연도 노드 아이콘 자산을 `png`로 추가하고 `sinkholeTypes.ts` 상수도 `.png`를 바라보도록 바꿨다.
 - 이렇게 하면 DB 자식 노드와 FE fallback 노드 모두 기존 정적 아이콘 자산 체계와 같은 형식을 사용하므로, 서버 설정 차이 없이 같은 경로 규칙으로 안정적으로 로드할 수 있다.

+### 4.28 2026-06-11 목록 총 건수 헤더 보강
+
+- 지반침하 목록 팝업은 기존에도 `/api/v1/sinkholes` 응답의 `total` 값을 상태로 보관하고 있었지만, `UiTable`의 `headName`을 비워 둔 상태라 노후관로처럼 상단에 “조회 결과 총 n건” 문구가 노출되지 않았다.
+- 이번 유지보수에서는 `SinkholePopupPage.tsx`의 목록 테이블 헤더를 `지반침하 조회 결과 총 {total.toLocaleString()}건`으로 지정하고, `isHideCount={true}`를 함께 적용해 `UiTable` 기본 건수 문구와 중복되지 않도록 정리했다.
+- 결과적으로 노후관로 팝업과 같은 위치/형식으로 총 건수가 표시되며, 별도 API 변경 없이 기존 `total` 응답을 그대로 재사용한다.
+
 ## 5. 승인 전 보류 사항

 - 목록 팝업을 `window popup`으로 열지 `/map` 내부 중앙 모달로 열지 확정 필요