Skip to content

[Refactor] - 공고상세조회 / 필터 시트 역할,책임 분리 작업 #400

@kyungchan3007

Description

@kyungchan3007

📌 코드 리펙토링 내용

  • 필터 시트 비지니스 로직 분리

분리 작업

  • 비지니스 로직 처리 훅
  • 훅을 받아서 처리하는 컴포넌트

• useListingDetailSheetHooks.ts: useListingDetailNoticeSheet 활성 조건에 !!url 추가.
• button.tsx: useDetailFilterResultButton import 경로 변경, 포맷 정리.
• DetailFilterSheet.tsx: useDetailFilterResultButton import 경로 변경.
• DistanceFilter.tsx: 거리 관련 로직을 distanceHooks로 분리하고 기본값(emptyPinPoint) 처리 추가.
• CostFilter.tsx: 화면 로직을 useCostFilter 훅으로 분리, 라벨/핸들러 값만 사용.
• regionFilter.tsx: Tag를 regionHooks로 이동, 불필요 import 정리.
• costHooks.ts: 보증금/월세/슬라이더 관련 로직을 훅으로 신규 분리.
• distanceHooks.ts: 거리 선택 관련 로직을 훅으로 신규 분리.
• regionHooks.tsx: 지역 태그 UI Tag 컴포넌트 분리.
• routerHooks.ts (rename): 기존 hooks.ts 리네임, 반환 포맷 정리.

✅ 리펙토링 결과

  • UI 컴포넌트: 렌더링/레이아웃만 담당 (상태 로직 제거)
  • 커스텀 훅: 상태, 계산, 이벤트 처리 담당 (재사용/테스트 용이)
  • 라우팅/쿼리: 별도 훅으로 분리해 사이드이펙트 집중 관리

Metadata

Metadata

Assignees

Labels

Refactor코드 리팩토링 관련

Type

No type

Projects

Status

Done

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions