WEATHER

프로젝트 목적 

 

교내 졸업프로젝트로 날씨에 따라 어떤 옷을 추천해주는 웹.

 

 

프로젝트 기간과 인원

 

2020년 7월 ~ 2020년 10월

 

기획 2명 개발 1명 디자인 1명

 

 

사용 기술

 

Frontend

 

프레임워크(라이브러리): -React

 

스타일링: Styled-components, Ant design

 

상태 관리: Redux

 

Backend

 

Node.js(express)

 

DB(MongoDB)

 

 

협업: git

---

기능 구현

 

• 로그인, 회원가입
• 상품 업로드
• 현재위치 측정후 위치에따른 날씨 표시
• 계절과 성별에 따라 상품 정렬

프로젝트를 하며 느낀점

교내 원레는 개발 3인 졸업 프로젝트지만 개발은 프론트, 백엔드 혼자 담당 했다.

4학년 학우들에게 부족한 실력이지만 멘토링을 해주며 소통의 중요성을 깨달았다.

 

React를 배운 이후 처음으로 한 프로젝트로 Redux가 익숙치 않아 대부분 useState를 사용해 컴포넌트간 props로 전송 해주었는데 data 로직 설계의 중요성과 Redux의 중요성을 깨달았다.

 

현재 위도와 경도를 알려주는 geolocation이라는 open api와 위도와 경도에 따른 날씨를 측정 해주는 openweathermap 이라는 api를 사용하면서 비동기적으로 다루는 data들 때문에 초기 렌더링이 오래걸렸다.

비동기 처리를 더욱 공부하는 계기가 되었다.

 

React-router을 활용하여 처음으로 SPA를 만들어봤다.