책 검색 화면 UI, 검색 결과 출력 및 아이템 선택 동작 구현

[JangMuho]

#️⃣연관된 이슈

• 책 검색 화면 구현 #48

📝작업 내용

• 임시 TopAppBar를 활용한 화면 UI 구현
• 아이템 클릭 시 테두리 표시
• 검색 결과 페이징 출력
• 검색 디바운싱 구현
• 알라딘 API 연동(PR을 따로 작성하였습니다)
• 뒤로 가기 기능 구현
• 저장 기능 구현

🤔시행착오

• 동작을 확인하기 위해 진입점을 바꾸는 것을 시도했지만 앱이 크래시되는 문제가 있었습니다.
  • @HiltViewModel을 쓰는 Screen을 표시하기 위해서는 @HiltAndroidApp과 @AndroidEntryPoint가 필요했습니다.
  • 따라서 찬휘님의 PR을 머지한 다음에 시도하니 잘 실행됨을 확인했습니다.
• @SerialName("")에 불필요한 공백을 추가해버리는 실수로 인해 앱이 크래시되는 문제가 있었습니다.
  • 후... 여러분은 공백 넣지 마십쇼...

💬리뷰 요구사항

• 깔끔하지 않은 코드 포맷팅이나 바로 이해가 되지 않는 부분을 코멘트로 남겨주시면 피드백을 반영해보겠습니다!

🖼️동영상 및 스크린샷

• 테스트 영상입니다.
• MainActivity의 진입점을 MainApp(navigator)으로 수정하고
  MainNaviagtor 내부의 startDestination을 Route.BookSearch로 수정하면 동작을 확인하실 수 있습니다.

book_search.mp4

• 현재 저장 버튼을 누르면 아이템 클릭 시 테두리 반영이 정상적으로 되지 않는 문제가 있습니다.
• 저장 기능을 구현할 때 해결할 수 있을 것으로 보입니다.

save_error.mp4

• 일부 검색어의 경우 책의 제목에 검색어가 포함되지 않는 결과가 출력됨을 확인했습니다.
  정렬 기준이 문제인가 싶어 네이버 API 문서를 다시 확인해보니 기본값이 정확도순이었습니다...
• 웹에서는 어떻게 결과가 나올지 확인해봤더니 API 결과 값과 다르게 나왔습니다...

• 또한 원서를 번역한 책의 제목을 한글로 검색했을 때 결과가 나오지 않는 현상을 발견했습니다.
  대신 영어로 검색하면 잘 나옵니다.