React, Express, 몽고DB : 댓글 등록 기능

댓글을 등록하기 위한  환경을 구축했으면 이제 댓글을 입력했을 때 댓글 데이터를 몽고 DB에 저장할 것이다

 

 

Express

1. 댓글 등록을 위해 Post모델, User모델, Reple모델을 가져와야한다.

 2. 댓글 저장을 위한 /submit API를 작성해준다.

-댓글을 등록할 때 등록한 유저의 uid 데이터를 이용해 Reple DB에 author로 저장해주고,

-댓글을 등록할 때 Post의 id를 이용해 Post DB의 repleNum을 +1 증가시켜준다.(댓글 갯수 파악)

 

-이때 서버에서 필요한 postId는 props로 가져온다.

 -user의 uid는 userSelector로 가져옴

React

1.클라이언트에서는 댓글 내용을 저장한 Reple과 댓글 작성한 유저의 uid와 댓글이 작성된 postId를  서버에 보내주면된다. 

2. 서버에 댓글 저장을 요청한다.

3. 댓글 저장에 성공했는지 성공하지못했는지 alert를 띄워준다.

 - 댓글 저장에 성공하면 작성한 댓글 내용을 지워준다.

 

 

 

💢어려웠던 점

throw new MongooseError('Model.prototype.save() no longer accepts a callback');

이런 오류가 뜨면 몽구스의 save()를 사용하면서 then()을 잘 작성했는지 검사하자...