상세 컨텐츠

본문 제목

Express :: 서버에서 동적 라우팅, 파라미터 설정 (덧글 쓰기 설정하기)

Node/Express

by 비오스터딩 2021. 1. 1. 15:35

본문

덧글 쓰기를 설정해보자.

 

dispatch

덧글을 쓰고 제출하면, 3가지 인자를 action으로 전달한다.

 

saga

사가에서 주소를 동적으로 설정해준다.(/post/${data.postId}/comment)

 

 

routes

서버에서도 똑같이 동적으로 요청을 받아야한다.

주소부분에서 동적으로 바뀌는 부분을 파라미터라고 부른다.

파라미터설정은 :을 사용한다.

/:postId/comment 

 

URI에서 :postId는 '1' 이런 형태의 문자이다.

그러므로 params로 postId를 가져올 때 다시 숫자로 바꿔주어야한다.

 

if(!post)를 사용하는 이유는,

혹시나 존재하지 않는 게시글에 덧글을 달면 안되니까이다.

이게 무슨소린가 싶지만, 말도 안되는 일이 일어나지 못하도록 백엔드에서 철저하게 검사해주어야한다.

사용자 중에서 해커도 있기 때문에, 프론트와 브라우저에서 말도안되는 일이 일어날 수 있다.

 

  Comment.create({  

  DB에 넣고 프론트로 전달할 정보  

  });  

 

 

reducer

받아온 정보를 넣으면 된다.

주의해야할 점은 프론트에서 보낼때는 postId로 보냈지만,

서버에서 보내기 전 설정이 PostId였으므로,

리듀서에서도 PostId로 사용해야한다.

 

 

서버와 프론트로 이동하는 데이터 명을 잘 기억해야한다.

 

 

 

 

 

 

반응형

관련글 더보기

댓글 영역