모임 리뷰 CRUD - Read 후기 목록 불러오기
이번 프로젝트의 두번재 CRUD구현이다.
이번엔 조금 더 속도를 내서 만들 수 있지않을까👀
서버와의 통신에 성공하면 서버에서 내려주는 응답(response)를 콘솔에 찍어보고
review_list 변수에 그 데이터들을 모두 넣어준다.
그리고 getPostReview액션을 dispatch로 실행시켜준다.
처음엔 axios통신을 해주는 부분에서 url을 잘 못 입력하여 계속 에러가 떴었다.(잘 확인하자👀)
콘솔에 찍힌 response를 확인하여 데이터가 잘 내려오는 것을 확인한다!
이제 이 데이터를 카드뷰를 이용해 화면에 뿌려줘야한다.
리듀서도 잘 생성해주었으면 review_list를 이 데이터를 불러올 컴포넌트에서 useSelector를 사용해 불러와준다.
그리고 그 전에 useEffect로 액션크리에이터를 실행시켜준다.
콘솔로 확인해보면
어랏 11번째 줄 왜 비어있지..?!
post모듈의 서버 통신 부분을 잘 보니 response.data를 review_list에 넣어주는데
다시 콘솔에서 확인해보니
response.data.content를 review_list에 넣어주어야한다!!!
이제 11번째 줄 잘 들어가있음!! 호호
이제 카드에 잘 띄워주쟈 드뎟
카드 뷰를 먼저 만들어주고
그 카드를 맵 돌려 줄 상위 컴포넌트에 넣어준다!
촤라 잘 뜬다 ㅎ_ㅎ
물론 디자인은.. 후후,,🤯
글 내용 밑에
작성자의 아이디와 프로필사진도 함께 넣어줘야하는데
이 데이터를 서버에 요청하는 것을 깜빡해부렀다.
노션에 적어둬야짓ㅎㅎ
불과 몇주 전의 나는 Read하나 해오는 것도 끙끙대며 여기저기 물어보고 다녔는데..
그러다가 누군가 떠먹여주면 그제서야 성공하고 기뻐했던 나인데..😭
앞으로 여정에 비하면 그냥 기본 중에 기본이지만..
그래도 넘 기쁘다 쿠롸잉이다