게시판 프로젝트 (16) - end

게시판 프로젝트 Day16

 

구현 & 에러

렉이 좀 걸린다

 

db를 총 3개(컬렉션)를 썼는데 (post, comment, like) 3개를 하나하나 불러줘야 해서 로직이 쓸데없이 길어진 느낌이다. db하나에 많은 정보가 담긴 건 안 좋다고 들었는데 뭐가 좋은 건지 잘 모르겠다.

 

댓글 좋아요, 댓글 삭제를 구현하면서 db가 꼬여서 애좀 먹었다.

게시글 A의 댓글 1, 2 작성 후 댓글 1, 2 좋아요 후에 댓글, 게시글 삭제 시 db가 싹 다 지워지거나, 지워져야 하는데 남아있거나... 새벽 늦게 작업을 하는데 머리가 안 돌아가는 거 같아서 문제점을 주석으로 달아놓고 잤다.

 

 

몇 번 꼬이고 풀고 반복하다가 아침에 해결완료함 🤗

 

댓글 수정만 하면 되는데, 어떻게 해야 하지 생각해 보는데 컴포넌트의 위치나 구조를 좀 바꿔야 할 것 같아서 싹 고쳐주었다. 댓글을 렌더링 해주는 map함수 부분을 컴포넌트화 시켜서 컴포넌트 안에서 받아온 props를 통하여 렌더링을 해주었고, 댓글 버튼 3형제 (수정, 삭제, 좋아요)는 독립적인 컴포넌트에서 위 컴포넌트와 병합해 주었다.

 

상태를 만들고 수정버튼을 눌렀을때 리턴문을 조건부 렌더링으로 바꾸고 내가 수정할 댓글을 인풋으로 변환시켜서 api/comment/edit으로 보내주었다. 귀찮은 거 말고는 어려울 게 없던 작업이었던 거 같다.

 

해야 할 것

 

기능적으로는 다했다. ( 사실 modal 경고창, toast 등 구현하고 싶음)

 

이제 pre-project, main-project를 준비해야 하기 때문에 솔로프로젝트를 꾸준히 할 수 있을지는 잘 모르겠다.

틈틈이 남은 페이지 작업, CSS 등등 여유로울 때마다 손을 봐야겠다 😵‍💫

 

약 2~3주 동안 고생한 진화님 진솔님 무생님 너무 고생 많았습니다. 물론 나도 o, <