최소 단위 컴포넌트의 오류를 해결하고 와이어프레임을 토대로 디자인 초안을 적용하고 있다. 서버로 부터 받아온 데이터를 화면에 적용하려는데 프로퍼티에 접근할 수 없다는 오류를 또 겪었다. 원인은 initialstate 에 프로퍼티가 없어서 렌더링이 되는 첫 순간에 오류가 발생하게 되는 것이었다. 이 오류는 정말 겪고 또 겪어도 간과하는 것 같다. 잘 기억해두자.
그리고 나중에 스피너를 구현하기 위해서 리덕스에 is_loaded라는 상태값을 정의하여 이 값이 fale일 때 스피너를 출력하고 true 일 때는 컨텐츠를 표시하도록 할 것이다.
그리고 이번에는 제일 부모 컴포넌트에서 props로 데이터를 넘기는 것이 아니라 해당 데이터가 필요한 각 컴포넌트 내에서 useSelector로 뽑아내는 방식을 사용할 것이다. 최대한 렌더링을 줄이고 최적화가 된 앱을 만들기 위해서!