유기동물 검색 서비스 Forever-Pawtners

이 서비스에서 평생 함께 할 반려동물을 찾아보세요

더 이상 반려동물을 사지 마세요

⚡️ 이 서비스는 공공데이터의 농림축산식품부 농림축산검역본부_동물보호관리시스템 유기동물 정보 조회 서비스 를 이용합니다.

서비스 바로가기

---

구현 해야 할 것들

• 목록 표시하기

• 시/도/군/구 데이터 불러오기

• 보호소 데이터 불러오기

• 견/묘/기타축종 데이터 불러오기

• 상세 화면 표시하기

• 목록 페이징 처리 (스크롤, useIntersectionObserver)

• 시/도/군/구 에 대한 타입 정의

• 검색 화면 처리

• 보호소 위치 지도 표시

  • 검색 조건 개별 해제
  • 검색 조건 전체 해제
  • 시/도/군/구 화면 표시
  • 품종 화면 표시
  • 중성화 여부 화면 표시
  • 상태 (공고중/보호중) 화면 표시
  • 유기날짜
  • Select 박스 placeholder 추가

• 검색 기능

  • 시도군구를 통한 검색 기능
  • 검색 후 페이징 기능
  • 품종으로 검색 기능
  • 중성화 여부로 검색 기능
  • 날짜를 통한 검색 기능

• 더 이쁘게 만들기

  • 상세 페이지 이미지 사이즈를 조절할 필요가 있다.

• recoil atom과 타입을 분리할 수 있을지 고민해보기

• react-query 적용하기

  • paws > initialData 중복 코드 제거
  • searchBox > 견종 데이터를 state 가 아닌 useQuery 가 반환한 데이터 사용하도록 처리
  • 결과 없을 시 분기를 통한 UI 표시 처리

• api route 적용 (이제 SERVICE_KEY 를 외부에 노출하지 않을 수 있게 됨!)

• recoil -> zustand!!!