서버사이드2 SSR, CSR, Hybrid rendering SSR, CSR 저는 Next.js 옛날에 개발하면서 느끼고 있는 것이 있는데 조금 더 구체적으로 내용을 정리할 필요가 있다고 생각이 들어 블로그를 정리하게 되었습니다. Next.js에서는 어떤 형태로 브라우저가 활성화 되는지 그리고 Hybrid rendering 개념은 무엇인지? SSR과 CSR라는 개념의 정리가 필요해 보였습니다. SSR는 (Server-Side Rendering) 의미로 사용자가 웹페이지에 접근을 시점부터 발생하게 되는데, 페이지를 불러오기 전에 필요한 경우에는 서버에서 외부 API, 파일 시스템, 데이터가 가공처리, 헤더 설정 등을 데이터 가져오기 됩니다. 그다음으로는 HTML 생성을 하여 브라우저에서 페이지 표시를 하게 됩니다. 원래는 브라우저 실행순서가 더 깊게 있지만 SSR .. 2023. 9. 23. Next.js 서버사이드 Cookie 삭제 Next.js에서는 미리 클라이언트 사이드 레더링에 들어가기 전에 서버사이드 렌더링을 접근하여 미리 데이터를 불러올 요소와 선행 작업을 해야될 데이터를 가공하거나 정의 할수있습니다. 이것을 Next.js 의 하이브리드 렌더링이라고 부릅니다. 하이브리드 렌더링 or SSR or CSR 에 대해서 알고싶으시면 아래의 링크를 들어가보시면 됩니다. 링크 export const getServerSideProps = async ctx => { const result = await checkLogin(ctx, false); ctx.res.setHeader('Set-Cookie', [`accessToken=deleted; Max-Age=0`, `testToken=deleted; Max-Age=0`]); if (resu.. 2023. 9. 9. 이전 1 다음
