<aside>

✏️  Authors: Felix

🔍 Reviewers: -

✔️  Status: -

</aside>

Summary

기술 명세서가 다루는 작업에 대한 요약

• 공통 UI로 만들어 두었던 검색 박스를 활용하여 자동 완성 API를 연동한다.

Requirements

기술적으로 만족해야 할 조건 및 놓쳐선 안 되는 포인트

• 검색 박스에 자동 완성 API를 연동한다.
• 자동 완성 API는 무료 API(https://en.wikipedia.org/w/api.php)를 활용한다.
• 셀렉트에는 서비스 카테고리 옵션을 표시한다.
• 셀렉트에 서비스 카테고리의 첫번째 옵션이 선택되어 표시된다.
• 셀렉트 자체가 표시되지 않을 수 있다.

Plan

브랜치, 모듈, 인터페이스, 상태 관리 전략, 데이터 흐름, 라우팅 구조, 서드 파티 라이브러리, 애니메이션, 접근성, 스켈레톤, 에러 핸들링 등

브랜치

• feat/search-box

모듈

• source/entities/search/api/getSuggestion.ts
• source/features/search/ui/SearchBox

설계 방향

• API는 DTO 변환을 거치도록 한다.
• API는 디바운스를 적용하여 순간적인 과도한 호출을 방지한다.