react nodeBird 2-9 (쿼리 스트링과 lastId방식)

쿼리스트링과 lastId 방식

pages/index.js

쿼리스트링을 통해 데이터를 보낸다.

  현재 스크롤을 내리면 같은 게시글을 계속 불러오는 버그가 있습니다. 여러 방법 중 lastId 방식으로 이 문제를 해결하는데, 먼저 mainPosts의 마지막(첫번째) 게시글의 id를 찾아서 이걸 lastId로 데이터를 전달해줍니다. 하지만, get방식은 데이터를 보낼 수 없기 때문에 넣으려면 쿼리스트링(`/주소?key=${value}`)를 이용해야 됩니다.  

express 공식 문서에서 발췌.

  쿼리스트링의 값은 req.query에 담겨있으므로 req.query.lastId를 백엔드에서 값으로 사용합니다. 또한, 서비스가 처음 시작되는 경우, lastId의 값이 undefined가 되어버려서 에러가 발생할 수 있습니다. 초기로딩이 아닐시에는 if(parseInt(req.query.lastId, 10)) 구문을 통해 게시글을 10개씩 가져오게 됩니다. 

sequelize 공식 문서에서 발췌.

  lastId보다 작으면 게시글을 로드하게끔 하기 위해  sequelize의 Operator를 이용합니다. 보통 아래같은 속성을 주로 사용합니다. 

• gt: 보다 큰
• gte: 보다 크거나 같은
• lt: 보다 작은
• lte: 보다 작거나 같은
• between: 사이에

  참조자료

• req.query(express)
• Operator(sequelize)
• 제로초 리액트노드버드