ProductDetail 페이지에서 새로고침 시 에러 발생 원인:

componentDidMount에서 setState로 해당 product를 저장하게 만들었으나
새로 고침 시 render -> componentDidMount 로 진행될 때
render에서 참조하는 product는 빈 객체이기 때문

디버깅으로 이러한 현상의 원인을 찾았는데 새로고침 시 context가 빈 배열로 할당됨

내가 생각한 흐름:

1. 새로고침 발생
2. app이 새로 빌드됨
3. app 빌드되면서 productContext도 같이 빌드되어 해당 context에 100개의 상품이 할당
4. 상세 페이지(productDetail)에서 contextAPI로 100개 상품을 참조
5. 그 이후 로직들 실행

새로 고침 전 정상 흐름

list페이지에서 새로고침 전, 후 확인한 context 유무

detail페이지에서 새로고침 전 확인한 context 유무

새로 고침 후 발생한 에러

detail페이지 새로고침 후 확인한 context 유무