공공데이터포털을 이용하여
배포까지 해본 건 처음인데
정말 많이 우당탕탕거렸다🥺
(특히, CORS 에러가 나를 괴롭혔다)
📎 https://velog.io/@borderline0px/React-공공데이터-API-활용하여-웹페이지-만들기
CORS에러에 관해서는 여기를 참고!
제작 과정을 천천히 회상하며
제작기를 작성해보고자 한다
프로젝트를 진행하며
수많은 블로그 글을 보며 도움을 받았는데
나도 그 고마움을 보답하기 위해
사소한 것들도 블로그에 작성해볼까 한다🥰
✏️ 프로젝트 스펙
- stack: React(CRA) hooks, styled-components, TypeScript, express, chart.js
- 공공데이터포털 Open API, Kakao Map API
- 반응형
- deployment: heroku
📎 Deployment
https://borderline0px-covid19-app.herokuapp.com/
📎 github
https://github.com/Hwajiin/corona-final-proj
프로젝트 목표
- react에서 styled-components를 어떻게 잘 활용할 수 있을지에 관한 목표
- react에서 TypeScript를 적용하는 것에 능숙해지기
개선해야 할 점
- 사용자 위치 정보 가져올 때, 버튼을 추가하여
사용자 경험을 높이기
- 셀룰러 환경에도 지리 정보 가져올 수 있도록 하기
- 데이터가 undefined이 될 경우 등의 여러 에러 처리
(현재는 undefined or null일 경우, spinner가 계속 돌아가도록 처리해서 좀 더 자세한 설명을 클라이언트에 전달하도록 변경해야 할 것 같다)
- lighthouse 평가항목 중 모바일 performance 부분 성능 개선 필요