-
웹 소개
오름에 대한 지식이 없는 초보여행자가 제주도에 있는 오름에 대해 검색할 수 있게 해주는 사이트
(공공API인 '제주관광공사_제주 도보여행 탐방객 데이터 구축사업'과, '제주특별자치도_오름 등산로 항공뷰 로드뷰 이미지 데이터'의 데이터를 정제해서 사용) -
기술스택
- typescript
- react
- scss
- 어려웠던 점
- '제주특별자치도_오름 등산로 항공뷰 로드뷰 이미지 데이터 API'가 한번에 최대 10개씩만 가져오는 데 이 배열에 새로운 값을 추가하고 검색기능 구현하고, filtering하는 부분에 대해서 정말 많은 고민을 했음. 이틀정도 이 방법에 대해서 고민했는데 도저히 결론이 안 나서 API데이터를 json파일로 저장해서 사용함.
- '제주관광공사_제주 도보여행 탐방객 데이터 구축사업 API'는 데이터가 20만개였고, 20만개를 다 json파일에 넣으려니 화면 로딩시간이 너무 오래 걸려서 transformData함수를 만들어서 데이터를 추려봤는데 쓸만한 데이터는 20여개 정도여서 정제된 데이터를 json파일로 저장함.
- 향후 수정사항
- json파일이 아닌 API를 불러오면서 새로운 값 추가, 검색기능, filtering기능, 무한스크롤 구현
- 제주에 있는 모든 오름을 리스트로 불러오기 (사진이 없어도!)
- 로딩스피너 추가
- 검색, filter기능 강화(지역별의 경우, 드롭다운을 두개 만들어 시를 선택하고 읍을 선택할 수 있도록 하기)
- 지역별 오름 분표현황 도표 만들기
- 반응형 디자인
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent