Create Week8 Mission 1, 2

[hyeok02]

📝 미션 번호

8주차 Misson 1,2

📋 구현 사항

• Debounce를 활용하여 불필요한 호출 막아보기
• Throttling을 활용하여 불필요한 호출 막아보기

📎 스크린샷

✅ 체크리스트

• Merge 하려는 브랜치가 올바르게 설정되어 있나요?
• 로컬에서 실행했을 때 에러가 발생하지 않나요?
• 불필요한 주석이 제거되었나요?
• 코드 스타일이 일관적인가요?

🤔 질문 사항

[hyesngy]

이번 주 워크북을 통해 React의 성능 최적화 기법인 debounce와 throttle을 적용해봤습니다! 쉽지 않은 개념이지만 모두 잘 해내셔서 대단합니다! 👏🏻👏🏻👏🏻

이런 최적화 기법들은 실제 서비스에서 UX를 크게 향상시키는 요소입니다. 앞으로 있을 데모데이 프로젝트에서도 꼭 활용해서 구현해보면 좋겠습니다!👍🏻👍🏻👍🏻

[hyesngy]

현재 search.tsx에서 useInfiniteSearchLps와 useInfiniteTagSearchLps 두 개의 훅을 사용하고, 각각의 훅에서 거의 동일한 무한 스크롤 로직을 중복 구현하고 있습니다. useInfiniteSearchLps 내부에서 이미 searchType에 따라 다른 API를 호출하는 로직이 있음에도 불구하고, 태그 검색만을 위한 별도 훅을 또 만들어 사용하고 있는데, 이는 코드가 중복되고 유지보수성 측면에서 좋지 않습니다.

코드 일관성을 위해 하나의 훅으로 통합하여 관리하는 것이 좋을 것 같습니다!

[hyesngy]

현재 search.tsx와 home.tsx에서 정렬 버튼 UI가 중복되고 있는데, 이 부분을 별도의 SortButton 컴포넌트로 분리하면 코드 중복을 줄이고 일관된 UI를 유지할 수 있을 것 같습니다.