[React] 14. 요소수 요기서(Yososu-Yogi) 서비스 개발

송우든·2021년 12월 27일
0

React

목록 보기
14/23
post-thumbnail

이번에 새로운 프로젝트를 진행하게 됐다. 요소수 판매 주요소 정보를 제공해주는 서비스로 현재 1차 배포 후, 현재에는 계속해서 프로젝트를 보완하고 있다.

판매 주요소 정보는 환경부_요소수 정보제공 주유소 재고현황 조회서비스에서 제공해주는 공공 데이터를 활용하였다.

🌟 요소수 요기서

👉 요소수 요기서 바로가기

요소수 요기서는 요소수 판매 주유소 정보를 보기 쉽게 제공하기 위하여 만들게 됐다. 우리 지도 기능은 카카오 맵 API를 사용하여 구현하였다. 마커는 아래 이미지와 같이 커스텀하여 사용하였다.

👉 요소수 요기서 기능 및 화면

1. 재고량 및 가격순 정렬 기능

판매 주요소 목록 중 재고량이 많은 순, 가격이 낮은 순으로 정보를 한번 더 필터링하여 좀 더 원하는 데이터를 보기 쉽게 구현하였다.

2. 필터를 통한 필요 데이터만 검색 가능

지역 검색 필터를 통해서 조회를 원하는 지역에서 데이터를 볼 수 있게 구현하였다.

반응형 서비스

다양한 환경에 맞는 서비스를 만드는 것이 제일 어려웠다. 완벽하게는 아니더라도 크게 PC환경과 모바일에서는 구분될 수 있도록 서비스를 만들었다.

느낀점

배포를 목적으로 서비스를 만드는 과정이 쉽지만은 않았다. 계획과 다르게 진행되는 일도 생겼고, 예상치 못한 오류로 고생도 많이 했다. 그래도 목표한 것까지 완성할 수 있어서 다행이었다. 아직 어색한 부분도 없지 않지만 좀 더 개발해나가며 보완해야겠다.

profile
개발 기록💻

0개의 댓글