-
Notifications
You must be signed in to change notification settings - Fork 2
Closed
Labels
Refactor코드 리팩토링 관련코드 리팩토링 관련
Description
📌 코드 리펙토링 내용
- 필터 시트 비지니스 로직 분리
분리 작업
- 비지니스 로직 처리 훅
- 훅을 받아서 처리하는 컴포넌트
• 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 컴포넌트: 렌더링/레이아웃만 담당 (상태 로직 제거)
- 커스텀 훅: 상태, 계산, 이벤트 처리 담당 (재사용/테스트 용이)
- 라우팅/쿼리: 별도 훅으로 분리해 사이드이펙트 집중 관리
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
Refactor코드 리팩토링 관련코드 리팩토링 관련
Type
Projects
Status
Done