데이터 불러오기!!

몇일간 진전없었던 나의 게시판..

드..디어.. axios로 api연동에 성공하였고 데이터 불러오기 그리고 추가하기를 성공시켰다.

(질척 쭈글거리는 나를 하루종일 도와주신 동기분에게 감사하며 오늘의 회고 시작🥲)

 

데이터 불러오기

QnA.js

먼저 dispatch로 getPostDB액션을 실행시켜준다.

post.js

axios로 api연결을 하고 state(=res)의 데이터를 가져와 loadPost를 dispatch시켜준다.

post.js action creators

이제 다시 QnA.js로 돌아가서

QnA.js

useSelector를 사용하여 데이터를 가져와주고 contents_list를 맵돌려준다.

QnA.js

(데이터 추가하기 흐름은 다음 올라올 포스팅)

 

리덕스와 react hooks의 개념들을 익혀도 막상 코드로 짜려니 어디서부터 시작하는건지 막막했던 나😭

리덕스를 이해하는 과정에서 좌절하기도하고 멀고 먼 길인것만 같았지만 드디어 조금씩 감이 잡히고있는 것 같아 넘넘 기쁘다.

사실 다음주 실전프로젝트가 여전히 두렵긴하지만 오늘 하룻동안 큰 발전을 했으니.. 느리더라도 앞으로 이렇게 계속 발전해나가면 되지않을까.. 

아직 한참 멀었지만 여기까지 그래도 한줄한줄 뜯어보며 이해하려고 노력한 나에게 박슈..

그리고 무엇보다 이런 나를 끝까지 포기하지않게 도와주신 동기분에게 가장 큰 박수.......👏🏼