-
목표
세부목표
- Reload시 Header component, Wheather component Rendering 버그 수정
- Reload시 데이터 요청시 값 불러오는 동안 Spinning 기능 구현
구현
- 데이터를 호출하여 async storage에 저장하고, 매번 async storage에서 호출한다
- 문제점 : 이유모를 잔 오류들이 많다.
- 대안 : 최상단 부모 컴퓨넌트에서만 데이터를 불러오고 props를 사용해 데이터를 상속한다.
- Reload 버튼 클릭시 : loading이라는 데이터 변수 값을 true로 변환
- loading이 될 때 까지 Spinning을 삽입
- 데이터 요청이 끝이나면 loading의 값을 false로 변환하여 Wheater component 출력
개념 공부
- 리엑트 lifeCycle의 이해
- 리엑트 데이터 저장 및 사용하기
미구현
- 다른 컴포넌트에서 데이터 업데이트 시 페이지가 reload 되어 최신 상태가 되어야 한다.
추가 구현
느낀 점
- 개발 시간에 비해 결과값이 매우 적음, 개념 부족
- 다른 앱들이 어떻게 구성되었는지 궁금하다. 내가 잘구현했는가?
적용점