react-table을 이용하여 기존에 작성했던 테이블 컴포넌트를 지우고 다시 만들었다.
redux를 활용하여 서버에서 데이터를 불러오고, 데이터를 클라이언트에 저장했다.
redux를 활용하여 게시글 추가 요청을 보내면 응답으로 게시글을 받고 상태관리에 저장했다.
만들었었던 게시판 구조가 너무 이상하다는 것을 깨닫고 다시 처음부터 react-table 라이브러리를 공부해서 적용시킨다는 것이 힘들었다.
내가 테이블을 다 지우고 라이브러리도 사용하게 된 이유는, react-table을 사용하면 게시판 데이터를 뿌려주기가 편했다.
그리고 무엇보다도 내가 작성한 코드가 에러가 엄청나고 있다는 것을 깨달았다.
이 에러의 원인은 table에는 반드시 들어가야하는 엘리먼트들이 있다. table, thead, tbody, tr, th 등등.. 그런데 나는 tbody를 넣지 않은 상태에서 table 구조를 복잡하게 구성하다보니 다 지우지 않는 이상 에러가 사라지지 않는 현상을 발견했다..
그래서 라이브러리도 있는데 깔끔하게 다 지우고 라이브러리를 사용하자! 마음을 먹고 아침에 일어나자마자 유튜브로 react-table을 공부하고 바로 적용시켰다.
그 다음 redux로 게시판 데이터를 서버로부터 불러왔는데 redux를 통해서 상태관리를 하는 것이 어느정도 적응은 되었으나, 그래도 아직까지는 많이 버벅거린다.
지금도 어느정도 괜찮지만 댓글 상태관리를 할 때 많이 애먹을 것 같다.
게시글 디자인 구조를 만들고, 게시글 댓글 불러오기