ivory's Log
그게 무엇이라도 항상 쉬운 일이다.
반응형

csr 2

Next.js를 사용하는 이유

이 글은 'Next.js를 사용하는 이유'에 대해 적은 글입니다. 이 포스팅을 포함해 게시된 모든 포스팅의 큰 주제는 순차적인 흐름을 지키지 않습니다. 혼란에 주의해 주세요! Next.js SSR을 쉽게 구현하도록 도와주는 프레임워크 Next.js는 React의 SSR(Server Side Rendering)을 쉽게 구현할 수 있게 도와주는 프레임워크다. 그렇다고 React에서 SSR이 불가능하다고 묻는다면, 대답은 'React에서도 구현 가능하다'이다. 하지만, React로 개발환경을 구현하는 것은 굉장히 복잡한 일이었다.(React와 Next.js의 차이를 경험해보기 위해 사전에 예제 코드를 적용하며 경험해 보았다...) 이런 문제를 해결하기 위해 등장한 것이 바로 Next.js 되겠다. 아래의 글에..

ivory's DevLog 2021.03.03

SSR(Sever Side Rendering)과 CSR(Client Side Rendering)

이 글은 SSR(Sever Side Rendering)과 CSR(Client Side Rendering)에 대해 적은 글입니다. 이 포스팅을 포함해 게시된 모든 포스팅의 큰 주제는 순차적인 흐름을 지키지 않습니다. 혼란에 주의해 주세요! Rendering 렌더링의 개념부터 다시 짚고 넘어가자! 서버로부터 HTML 파일을 받아 브라우저 화면에 표시하고 그리는 작업을 렌더링이라고 한다. 렌더링의 과정은 아래를 참고하자! - 서버로부터 데이터를 응답받아 HTML을 Parsing 하여 DOM트리를 생성한다. - DOM트리가 구축되는 동안 브라우저는 Render트리를 구축한다. - CSS설정 및 위치를 설정한다. - Render트리가 그려지고 브라우저 화면에 표시된다. SSR Server Side Renderin..

ivory's DevLog 2020.09.30
반응형