WEB/react
-
react-next pagination 구현WEB/react 2019. 8. 22. 11:46
db: sequelize 2, first. dispatching load request second. load posts with axios using query like axios.get(`api/post/${postId}?offet=${offset}&limit=&{limit})`third. load posts with offset and limits like db.Post.findAll({where: {id: req.params.id}, limit : req.query.limit,offset: req.query.offset})
-
react - next 프레임워크를 활용해 ssr(server side rendering) 간단히 해결WEB/react 2019. 8. 20. 03:06
server side rendering을 next의 getInitialProps를 활용해 간단하게 해결해보자. redux와 redux-saga를 활용해 문제를 해결한다. 다양한 액션 중 블로그에서 포스팅한 글들을 프론트 서버에서 백엔드 서버로 요청하는 것을 해보자. pages 폴더의 _app.js 에서 useEffect를 활용해 dispatch를 한다고 하면 1. next와 redux-saga를 연결할 패키지를 다운 받는다 npm i next-redux-saga npm i next-redux-wrapper npm i redux-saga 2. saga를 config 하자. (_app.js) 파일 import rootSaga from './saga.js' // saga를 지정해 놓은 파일 im..