4-6 [FE] [메인 - 인기 검색어] 인기검색어 클릭 시 해당 검색어로 검색된 페이지로 이동하고, 검색결과 데이터를 요청하고 받아온다.

[Palwol]

개요

• 인기검색어 api 호출 로직 react-query로 변경
• 인기검색어 클릭 시 검색 페이지로 이동

작업사항

• 인기검색어 api 호출 로직을 react-query로 변경했습니다.
• 인기검색어 클릭 시 해당 키워드로 검색된 페이지로 이동합니다.
• 인기검색어 api 호출에서 오류 발생 시 3번 retry 후 인기검색어 부분에 에러 메시지가 뜨도록 설정했습니다.

[leesungbin]

로컬 테스트 해봤는데, 정상적으로 작동합니다. 와이파이 끊었다가 다시 연결했을 때, 새로고침하지 않아도 바로 데이터가 뜨는 부분은 신기하네요. retry 3번은 어떻게 테스트 할 수 있나요?

[Palwol]

로컬 테스트 해봤는데, 정상적으로 작동합니다. 와이파이 끊었다가 다시 연결했을 때, 새로고침하지 않아도 바로 데이터가 뜨는 부분은 신기하네요. retry 3번은 어떻게 테스트 할 수 있나요?

앗 retry 테스트 방법을 안써뒀네요!

frontend/src/api/api.ts 파일에서 getKeywordRanking 함수의 주소를 올바르지 않은 주소로 바꾸면 404 에러가 뜨면서 retry 되는것을 확인하실 수 있습니다.

// frontend/src/api/api.ts
// line 22
  getKeywordRanking() {
    return this.instance.get('/notfound/keyword-ranking');
  }