코드스테이츠 소프트웨어엔지지어링 부트캠프 +51, 날씨알리미앱

뭘써야할지 모르겠다.

 

뭔가 밑빠진독에 물넣는 느낌이다.

 

토이 코플릿도 풀다가 못풀었다.

---

오늘 배운 것

리액트 스프린트에서 useEffect를 사용해서 fetch(url)에서 받아온 자료들을 렌더링하는 기술을 배웠다.

 

리액트 스프린트에서 사용했던 기술들을 응용해서 궁금한 도시의 날씨를 알아보는 기능을 만들려 했는데ㅡ

uncaught (in promise) syntaxerror: unexpected token < in json at position 0

라는 오류로 실패했다.

처음엔 react_create_app 모듈에 fetch나 API를 받아오는 기능이 없어서 안되는 줄 알았다.

그래서 지금까지 API를 정상적으로 받아올 수 있었던 스프린트용 리액트를 손보고 실행했다.

될 줄 알았지만 실패했다.

내 생각엔 스프린트에서 사용했던 url은 http://~~이고

내가 사용하는 url은

api.openweathermap.org/data/2.5/weather?q=도시&appid=API키 여서 그랬지 않았을 까 싶다.

프로토콜이 정해져있지 않아서 그런걸까.. 아고라스테이츠에 함 물어봐야겠다.

 

(수정: 프로토콜이 아니라 JSON 문제인걸로 밝혀졌다.)

 

여튼 끝내기 아쉬워서 DOM로나마 만들었다.

 

https://github.com/ryu9663/weatherAlarm.git

GitHub - ryu9663/weatherAlarm: Yon can see the weather of city where you wonder