실전프로젝트 2주차

트러블 슈팅

 

실전 프로젝트를 진행하며 기술적으로 막혔던 부분은 무엇인가요?

해결했다면 어떻게 해결했는지 과정을 작성해주세요!

 

 

현재 예약 기능에서 문제가 발생했다.

캘린더의 값은 useState로 리듀서와 연결이 되어 있는 상황이다.

그리고 예약할시에 DB에서 예약 리스트를 불러와서 리듀서에 데이터를 넣어준다.

 

하지만, 캘린더에서 예약리스트를 인식을 하지 못하는 상황이 발생하게 되었다.

그래서 나는 코드를 수정하다가 발견한게 있는데, 캘린더 컴포넌트가 리랜더링이 일어날때 예약리스트를 인식하게되는 것이었다.

(새로고침을 할때나, 캘린더 내의 다른 날짜를 클릭할때는 예약 리스트를 인식 하지 못함.)

 

해결 방안

useEffect에서 axios로 바로 값을 받아와 캘린더에 적용하는것이다.

이전에는 useEffect에서 dispacth로 값을 불러온후 리듀서로 값을 받아오는 형식이였는데, 굳이 여러차례를 돌아 해줄 필요가 없다는것을 알았다.