검색 내용을 입력하고 검색을 실행하면, 구글에서 검색했을때 나타나는 결과처럼 통합검색 결과, 뉴스, 이미지로 검색 목록이 나타나는 기능을 구현

기능

검색어 입력후 검색시 검색 결과 나열 ( 통합, 뉴스 , 이미지 )

기술 스택

• react

• react-router-dom

• axios

• react-query

• react-loader-spinner (로딩 회전 이미지)

• react-paginate (페이지네이션)

• tailwindcss (css 프레임워크)

• Bing Web Search API
  https://rapidapi.com/microsoft-azure-org-microsoft-cognitive-services/api/bing-web-search1

• Image search API
  https://rapidapi.com/image-search-image-search-default/api/image-search10

깃허브 페이지

https://github.com/jyc-coder/searchservice

구현 이미지