[React] 컴포넌트의 UI와 로직 분리

컴포넌트의 UI와 로직 분리하기

컴포넌트의 로직을 커스텀훅으로 분리하여 컴포넌트의 변화에 유연성을 높일 수 있었다.

검색창 컴포넌트의 UI

폴더 경로: src/components/commons/searchBar/01/SearchBar01.index.tsx

검색창 컴포넌트의 로직

폴더 경로: src/components/commons/hooks/customs/useSearchBar.tsx

리스트 컴포넌트에 검색창 컴포넌트 적용

폴더 경로: src/components/units/board/list/BoardList.index.tsx