22.07.19_TIL

📌 공식적으로 이루어지는 첫 솔로프로젝트인데 무엇을 해야할지 아이디어가 항상 고민이 되는 것 같다. 무엇을 할까??? 고민하던 중 API를 사용해보라는 말에 바로 미세먼지 수치를 나타내 주는 프로젝트를 한번 만들어 보자고 생각하여 도전하게 되었습니다.

📗 오늘 학습한 내용

공공 데이터 포털

• 미세먼지 실시간 정보 API 활용신청 및 활용

axios

• axios를 활용하여 미세먼지 실시간 정보 API 데이터를 지역별로 가져올 수 있는 작업

StoryBook

• Styled-components를 활용하여 Story book component 생성
• 생성 된 UI components를 netlify 사이트를 사용하여 배포

구현화면

• 부족한점
  • 지역을 입력하는 중 렌더링된 내용 사라짐
    • 검색 후 엔터를 누를 경우에만 반영하도록 해볼것
  • 더보기 드롭다운 메뉴 미구현
    • 드롭다운 메뉴 구현 후 지역 버튼 클릭 시 데이터 변경되도록 할 것
  • 농도 미구현
    • 미세먼지 수치를 계산하여 좋음(파랑), 보통(초록), 나쁨(노랑), 매우 나쁨(빨강)으로 변하는 원을 구현해볼 것

📘 추가로 공부할 내용

[udemy] React 완벽 가이드 강의 보기 (매일 조금씩 이라도 꾸준히 듣기)

Study원과 함께 진행중인 프로젝트 구현

📝 중요한 내용

• 공공 데이터 포털 API 사용
• axios 활용
• 컴포넌트 나누기