sungtt 2022. 5. 30. 06:58

날씨별 옷차림 제공

가명 '난벌' (나들이 갈 때 입는 옷차림 : 순우리말)

너무 강해 보인다... 아무튼 가명이다.

 

제공 서비스

사용자의 위치를 추적하여 온도를 알려주고,

온도에 따른 옷차림을 추천해준다.

 

개발 환경

- TypeScript로 개발한다.

FrontEnd

- React

BackEnd

- Node.js express

 

필요 기능

위치 추적

- js의 geoloaction API를 사용하여 기기의 위도 경도 값을 습득

 

주소 추적

- 카카오지도 API에 위도 경도를 입력하여 주소 습득

https://developers.kakao.com/docs/latest/ko/local/dev-guide#coord-to-address

 

Kakao Developers

카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.

developers.kakao.com

 

날씨 추적

- 기상청 공공데이터포털에서 요청 (단기예보 조회)

https://www.data.go.kr/data/15084084/openapi.do

 

기상청_단기예보 ((구)_동네예보) 조회서비스

초단기실황, 초단기예보, 단기((구)동네)예보, 예보버전 정보를 조회하는 서비스입니다. 초단기실황정보는 예보 구역에 대한 대표 AWS 관측값을, 초단기예보는 예보시점부터 6시간까지의 예보를,

www.data.go.kr

 

- 위도, 경도 값으로 기상청 X, Y값 습득하기

 

 

고민할 것들

 

1. 온도별 적설량 강우량 등 다양한 조건에 따른 조건부 렌더링

경우의 수도 많아서 무식 or 효율적인 방법이 있을 것 같다.

(일정 온도차마다 임의의 값 반환, 일정 강우량마다 임의의 값 반환, 값을 객체로 묶어서 조건부 렌더링에 사용?)

 

2. 웹에 접속 시 바로 위치를 추적할 것인지, 아니면 새로고침 버튼을 통해서만 데이터를 불러올지?

2-1. 접속 시 바로  useEffect를 통해 추적이 가능한지?

 

3. 타 웹과 다른 차별적인 부가기능을 생각해보자..

 

4. 처음으로 퍼블리셔와 협업하는 것이다. 프로젝트를 진행하는 과정에

어떤 커뮤니케이션이 필요했는지 과정과 결과를 기록하자.

 

5. 기상청 api 요청 시 CORS 오류가 난다. 현재는 로컬 개발 시 heroku proxy로 임시 대처중

https://cors-anywhere.herokuapp.com/corsdemo