Feat/#8 검색페이지 api 연결

[R1mmm]

🚪 관련 이슈

• close [search] 검색페이지 api 연결 #8

📋 구현 기능 명세

• 검색페이지 api들을 연동합니다

✅ PR Point

• 검색 페이지에서 사용하는 api는 다음 4가지 입니다.

사용자가 검색어를 입력할 때 1번째 (지하철역 조회)api를 사용하고, 사용자가 역을 클릭하면 2번째 api를 호출해서 검색 내역을 기록한 후 홈화면으로 돌아가게 됩니다. 기록 삭제 누르면 모든 기록이 사라집니다. 또 홈화면과 검색화면에서 최근 3개 검색내역 조회할 때 3번째 api를 호출해서 가져옵니다.

• 검색어 입력할 때 불필요한 api 호출을 줄이기 위해 디바운스 라는 개념을 활용했습니다.
• 현재 로그인이 구현되지 않았기 때문에 첫번째, 두번째 사진 속 3개의 api처럼 사용자의 인증 토큰을 함께 보내야하는 api는 디폴트로 유효한 토큰을 보내게끔 돼있습니다. env파일에 api명세서에 적혀있는 유효한 토큰을 넣어주셔야 해요!

📣 새로 배운점

디바운스,쓰로틀링

👀 스크린샷 / GIF / 링크