♻️ 태그 관련 컴포넌트 리팩터링 #343
Description
🛠️ 리팩토링 설명
- 태그 관련 컴포넌트를 리팩터링합니다.
✅ 리팩토링 필요성
- TagInput과 TagSearchInput 에서 중복되는 드롭다운 UI 로직과 리스트 렌더링 구조를 정리하여 가독성 및 유지보수성을 개선하려고 합니다.
- TagSearchInput은 필터용으로 태그를 선택하거나 해제, 검색 결과를 토글하는 역할을 하며, TagInput은 CRUD 중심의 컴포넌트로 새 태그를 생성하거나 기존 태그를 삭제, 수정 등의 역할을 합니다.
- 이 둘은 동작의 책임이 다르기 때문에 완전히 공통 컴포넌트화 하는 것은 현실적으로 어렵습니다.
- 그렇기 때문에 중복되는 로직을 중심으로 리팩터링 하려고 합니다!
- 드롭다운 UI 로직 공통화
- 태그 리스트 아이템 계층 분리
-> 현재 TagDropdownItem의 역할이 태그를 선택하는 UI와 수정, 삭제, 메뉴 등을 모두 담당하고 있어 로직과 UI 계층을 분리하려고 합니다! - 드롭다운 Wrapper 공통 컴포넌트화
- Empty State 공통화 유지 및 재사용 범위 정리