👀 밖에봐봐(Look-Outside) 프로젝트

매일 나가기 전에, 기상청 날씨를 보면서 오늘은 어떤 옷을 입어야 할지 고민한 적이 있을 것이다! 우리는 지역 기반의 날씨 공유 커뮤니티를 개발할 것이다.

프로젝트를 진행하면서 Git으로 협업하기 위해 우리가 결정한 브랜치 전략은 GitHub flow이다!

중복을 방지하고 재사용성을 높일 수 있는 styled-components 분리 방법에 대해 알아보자 🎨

백엔드의 개발을 기다리지 않고 프론트엔드가 API로 실제 데이터를 처리하는 것처럼 Mocking해서 작업을 진행할 수 있도록 하는 MSW 라이브러리를 지금 바로 소개하겠다🤸‍♀️

컨테이너 사이즈 또는 반응형 사이즈에 따라 여러 이미지들을 조절하는 방법을 알아보겠다! 그리고 제주도 가고 싶다(?)

프로젝트 끝날 때까지 영양제야 잘 부탁해 ^^^..

페이징은 리스트가 있는 모든 곳에서 사용해야 하기 때문에 `Pagination`이라는 컴포넌트를 따로 만들 것이다.

각 지역마다 날씨 정보를 가져오기 위해 OpenWeather API를 사용하였다. 여러 지역의 데이터를 가져와야 했기에 그 과정에서 삽질을,, 좀 했다. 나와 같은 사람들이 헤매지 않도록(?) 데이터 연동하는 방법을 작성하려고 한다!

package.json 외에 CRA 공식 홈페이지에도 나와 있는 http-proxy-middleware가 있다. 여러 경로의 proxy 설정을 커스터마이징 할 수 있다.

netlify가 프록시 지원을 할 수 있도록 세팅을 해줘야 한다. 따라서 netlify.toml 파일을 통해 proxy를 설정하여 api를 처리할 것이다.

"오늘 옷 뭐 입지..?" 고민하신 적 있으신가요? 날씨가 어떤 지에 따라 가디건을 입어야 할지, 반팔만 입어야 할지.. 기상청의 온도는 와닿지가 않죠! 매일 날씨에 맞는 옷차림을 공유하며 자유롭게 대화하는 커뮤니티, "밖에 봐봐" 서비스를 개발했습니다!