SSR (1) 썸네일형 리스트형 NextJS (3) Server-Side Rendering (SSR) vs Client-Side Rendering (CSR) client-side rendering (CSR) 은 간단하게 말하면 브라우저가 모든 걸 한다는 뜻이다. 브라우저가 모든 걸 (JS, react, etc) 다 갖고 온 후에 UI 가 보이게 되고 이거의 문제점은 연결 속도가 느리면 HTML도 렌더링이 되지 않아 모든 걸 다 fetch 하기 전까지 빈 화면만 나오게 된다. 혹은 JS가 비활성화가 되어 있다면 빈 화면만 쭉 뜨게 된다 (JS를 사용해 렌더링을 하기 때문) reactJS 가 client-side rendering이다 하지만 nextJS는 server-side rendering (SSR)은 HTML을 먼저 생성한다 그래서 연결속도가 느리거나 JS가 비활성화되어 있더라도 HTMl 코드는 뜨는 걸 확인할 수 있다 이전 1 다음