Web (1) 썸네일형 리스트형 [WEB] 웹의 렌더링 방식(CSR, SSG, ISR, SSR)과 Next.js의 Hybrid Rendering Next.js를 공부하기 전에 웹의 렌더링 방식에 대해 알면 좋을 것 같아 정리해본다.웹에서 렌더링이란?HTML, CSS, JS 등과 같이 개발자가 작성한 문서를 서버로부터 응답 받아 화면에 그려주는 동작을 말한다.렌더링하는 주체가 무엇인지, 언제 렌더링을 하는지에 따라 렌더링 방식이 달라진다.Client Side Rendering (CSR)렌더링 하는 주체자가 클라이언트 즉, 브라우저인 렌더링 방식이다. 렌더링 과정은 다음과 같다.1. 사용자가 홈페이지 접속 시 클라이언트가 서버에게 웹페이지를 요청한다.2. 서버에서 빈 HTML을 먼저 전달해준다.3. 서버에서 번들파일(JS)을 전달받는다.4. 클라이언트 측에서 응답받은 코드를 DOM 요소로 변환하는 렌더링을 진행한다. 장점👍- 로딩이 한번 완료되고 .. 이전 1 다음