[미세마스터] 개발일지 #2

목표

• Reload 기능 구현

세부목표

• Reload시 Header component, Wheather component Rendering 버그 수정
• Reload시 데이터 요청시 값 불러오는 동안 Spinning 기능 구현 

구현 

• 데이터를 호출하여 async storage에 저장하고, 매번 async storage에서 호출한다
  • 문제점 : 이유모를 잔 오류들이 많다.
  • 대안 : 최상단 부모 컴퓨넌트에서만 데이터를 불러오고 props를 사용해 데이터를 상속한다.

• Reload 버튼 클릭시 :  loading이라는 데이터 변수 값을 true로 변환 
  • loading이 될 때 까지 Spinning을 삽입
  • 데이터 요청이 끝이나면 loading의 값을 false로 변환하여 Wheater component 출력

개념 공부

• 리엑트 lifeCycle의 이해
  • https://velopert.com/1130
• 리엑트 데이터 저장 및 사용하기
  • https://velopert.com/3629
  • https://www.youtube.com/watch?v=tZLQ-cNCf70&list=PL9FpF_z-xR_E4rxYMMZx5cOpwaiwCzWUH&index=9&t=0s

미구현

• 다른 컴포넌트에서 데이터 업데이트 시 페이지가 reload 되어 최신 상태가 되어야 한다.

추가 구현

•  측정소 변경 기능 
  • react-native-daummap 삽입 / 오류 실행 시 강제 종료됨
  • https://www.npmjs.com/package/react-native-daummap

느낀 점

• 개발 시간에 비해 결과값이 매우 적음, 개념 부족
• 다른 앱들이 어떻게 구성되었는지 궁금하다. 내가 잘구현했는가?

적용점

• 개념 정리하면서 개발하자!
•