[project] covid19 info page 제작기 - 1

borderline0px·2022년 1월 1일
0

covid19-info-page

목록 보기
1/1

공공데이터포털을 이용하여
배포까지 해본 건 처음인데
정말 많이 우당탕탕거렸다🥺
(특히, 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 부분 성능 개선 필요
profile
어려운 게 아니라 낯설어서 그런거야

0개의 댓글