nextjs

CSR, SSR, SSG NextJS

2023.04.17

CSR Client-Side Rendering, SSR (Server-Side Rendering), SSG (Static Site Generation)은 모두 웹 개발에서 사용되는 다양한 렌더링 방법입니다. 각각의 방법은 웹 페이지를 어떻게 구성하고 브라우저에 표시할지에 대한 접근 방식에 차이가 있습니다. CSR (Client-Side Rendering) CSR은 웹 페이지를 동적으로 생성하는 방법으로, 서버로부터 초기 HTML, CSS, JavaScript 파일을 받아와 웹 페이지를 그린 후에, 클라이언트에서 JavaScript를 사용하여 추가적인 데이터를 가져와서 화면을 갱신합니다. 이를 통해, 사용자에게 더욱 빠르게 웹 페이지를 보여줄 수 있습니다. 대표적으로 React, Vue, Angular 등..

TIL/202202

20220221

2022.02.22

Todos (할 것) HTML 삽입 미리보기할 수 없는 소스 Finding (새로 알게 된 것) - ISR (Incremental Static Regeneration) - 정적인 페이지를 일정 시간마다 다시 업데이트해준다. - fallback: 'blocking' - fallback이 true와 비슷하지만 props가 올때까지 까지 다른 처리없이 그저 기다린다. - getServerSideProps - getStaticProps 와 비슷하지만 req, res, query등 을 받을 수 있다. - router의 shallow - path는 변경하지 않으면서 쿼리만 변경할 수 있게 해준다. Feeling (느낀 점) - NextJS를 사실 전회사에서 한 번 사용해본적이 있어서 이미 잘 알고있다고 생각했는데 ..

CSR, SSR, SSG NextJS

20220221

티스토리툴바