서버사이드렌더링(SSR)_1

박동건·2020년 6월 1일

TIL(2020)

목록 보기

33/49

클라이언트 환경에서는 브라우저가 쿠키를 넣어주고 서버일 때는 우리가 직접 넣어야 한다.
로그인 풀렸다가 되는 사용자 경험이 좋아짐! (SEO도!)
next.js 의 getInitialProps로 좀 더 편하게 할 수 있음.
- getInitialProps : 웹 페이지는 각 페이지마다 사전에 불러와야할 데이터들이 있다. Data Fectching이라고도 하는 로직은 CSR(Client Side Rendering)에서는 react 로직에 따라 componentDidMount or useEffect로 컴포넌트가 마운트 되고 나서 하는 경우가 많다. 이러한 과정을 서버에서 미리 처리하도록 도와주는 것이 바로 getInitialProps이다. (사실 Data Fetching에만 getInitialProps를 사용할 수 있는 것은 아니다.)
- getInitialProps들은 기본적으로 받는 props가 있다. 이를 context(ctx)라고 한다.
리덕스-사가 에러 핸들링(커스텀미들웨어)

const middlewares = [sagaMiddleware, (store) => (next) => (action) => {
      console.log(action);
      next(action);
    },
  ];

박레고의 개발 블로그