Files
frontend/apps/sn/docs/작업내용/SFR-011-008-침수예측/003-fe-SFR-011-008-침수예측지도-오버레이시각표시-구현기록.md
T

2.2 KiB

침수예측지도 오버레이 시각 표시 구현기록

작업 목적

  • 침수예측현황 팝업에서 행을 선택했을 때 지도 오버레이의 분석시각과 예측 관련 시각을 생략 없이 표시한다.

원본 및 변경 근거

  • 요구사항정의서 SFR-011-008 위험도 산정
  • 화면설계서 슬라이드 24, SN_MN010205 침수예측현황
  • 사용자 요청사항: 지도 오버레이에서 월 뒤로 생략되는 분석시각 값을 전체 표시

원인

  • SN 목록 테이블의 데이터 셀에 적용되는 전역 말줄임 규칙이 지도 오버레이 내부 테이블에도 적용되었다.
  • 오버레이의 기존 날짜 변환 함수는 YYYY-MM-DD HH:mm 전체 값을 만들고 있었으나, 좁은 셀에서 화면 표시만 생략되었다.

변경 내용

  • 지도 오버레이 폭을 기존과 동일한 230px로 유지했다.
  • 고정된 폭 안에서 라벨 열 55%, 값 열 45%로 배분하도록 colgroup과 table-layout: fixed를 적용했다.
  • 오버레이의 라벨·값 셀을 목록용 전역 말줄임 대상에서 제외했다.
  • 전체 날짜와 시각이 한 줄에 표시되도록 값 셀의 줄바꿈과 말줄임을 해제했다.
  • 기존 날짜 변환 형식과 침수위험도 배지 동작은 유지했다.

영향 범위

  • apps/sn/src/features/fldngPredcPrst/lib/use-flood-prediction-map.ts
  • 침수예측 격자 선택 후 표시되는 지도 오버레이에만 적용한다.
  • 일반 목록 그리드의 말줄임 정책은 변경하지 않는다.

검증

  • pnpm --filter sn run typecheck 통과
  • git diff --check 통과
  • 실행 중인 개발 서버의 /map 경로 HTTP 200 응답 확인
  • 실행 중인 개발 서버를 유지하기 위해 별도 빌드는 수행하지 않는다.

롤백

  • 오버레이 셀의 data-sn-cell-wrap 속성과 표·셀 너비 스타일을 제거하고 기존 최소 너비를 복원한다.

남은 확인

  • 침수예측현황 행 선택 후 분석시각, 강우시작시각, 예측시각이 YYYY-MM-DD HH:mm 형식으로 모두 보이는지 확인한다.
  • 지도의 오른쪽 경계 부근에서도 오버레이가 화면 안에 정상적으로 표시되는지 확인한다.