React_Weather Forecast with Typescript

주제

TypeScript 와 openweathermaps api 를 사용한 세계 날씨 App

주제 선정 이유

패스트캠퍼스 프론트앤드 반 수강 시 하루짜리 해커톤 때 했었던 프로젝트였지만, 이번에 TypeScript 를 공부해 적용해서 해보고 싶었습니다.

MVP

1. Light-mode & Dark-mode
2. 도시명 입력시 날씨 데이터 가져오기
3. HOME 화면에서 검색한 도시별로 UI 구현
4. 선택한 도시의 현재 날씨와 앞으로의 5일 날씨데이터를 보여주는 UI 구현
5. 반응형 UI - mediaquery (Mobile, Tablet, Desktop)

활용 스펙

주요 스펙

1. HTML5
2. CSS3
3. JavaScript
4. ReactJS
5. TypeScript
6. redux-saga

추가 스펙

1. Styled-components
2. axios
3. react-router
4. React-router-dom
5. Connected-react-router
6. typesafe-actions
7. redux-devtools-extension
8. moment
9. react-autosuggest