MenuMate SearchSection 상태 추가 및 수정

 

검색 상태에 사용자가 검색을 시도한 적이 있는지 나타내는 값인 hasSearched를 추가했습니다.

이번 프로젝트를 진행하며 직접 코드로 구현하기 전 상태의 종류와 역할을 먼저 생각해보고 정하는 것에 집중하며 주의해보고자 합니다.

 

hasSearched 추가로 달라진 렌더링 분기

첫 진입

• hasSearched = false
• 안내 문구 표시 가능

검색 시작 후 로딩

• hasSearched = true
• isLoading = true

검색 성공 + 결과 있음

• hasSearched = true
• results.length > 0

검색 성공 + 결과 없음

• hasSearched = true
• results.length === 0

검색 실패

• hasSearched = true
• error !== null