codestates / codestates/Trollo-client

[Dev Log] 이우성 / 2021-05-03

Open
#48 0 comments 0 reactions 1 assignee Claimed by @useonglee View on GitHub
Dev Log
Dominant language
TypeScript
Stars
4
Forks
0
PR merge metrics
No merged PRs in 30d

Description

### 오늘은 어떻게 프로젝트에 기여했나요?

- react-table을 이용하여 기존에 작성했던 테이블 컴포넌트를 지우고 다시 만들었다.

- redux를 활용하여 서버에서 데이터를 불러오고, 데이터를 클라이언트에 저장했다.

- redux를 활용하여 게시글 추가 요청을 보내면 응답으로 게시글을 받고 상태관리에 저장했다.

### 오늘의 프로젝트에서 힘든 점은 무엇인가요?

만들었었던 게시판 구조가 너무 이상하다는 것을 깨닫고 다시 처음부터 react-table 라이브러리를 공부해서 적용시킨다는 것이 힘들었다.

내가 테이블을 다 지우고 라이브러리도 사용하게 된 이유는, react-table을 사용하면 게시판 데이터를 뿌려주기가 편했다.

그리고 무엇보다도 내가 작성한 코드가 에러가 엄청나고 있다는 것을 깨달았다.


![table error](https://user-images.githubusercontent.com/75570915/116881622-6ff28480-ac5e-11eb-8f16-d8b50cb444f4.png)



이 에러의 원인은 table에는 반드시 들어가야하는 엘리먼트들이 있다. table, thead, tbody, tr, th 등등.. 그런데 나는 tbody를 넣지 않은 상태에서 table 구조를 복잡하게 구성하다보니 다 지우지 않는 이상 에러가 사라지지 않는 현상을 발견했다..

그래서 라이브러리도 있는데 깔끔하게 다 지우고 라이브러리를 사용하자! 마음을 먹고 아침에 일어나자마자 유튜브로 react-table을 공부하고 바로 적용시켰다.

그 다음 redux로 게시판 데이터를 서버로부터 불러왔는데 redux를 통해서 상태관리를 하는 것이 어느정도 적응은 되었으나, 그래도 아직까지는 많이 버벅거린다.

지금도 어느정도 괜찮지만 댓글 상태관리를 할 때 많이 애먹을 것 같다.

### 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?

- [ ] 게시글 디자인 구조 만들기
- [ ] 게시글 댓글 불러오기

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.