client-side rendering (CSR) 은 간단하게 말하면 브라우저가 모든 걸 한다는 뜻이다. 브라우저가 모든 걸 (JS, react, etc) 다 갖고 온 후에 UI 가 보이게 되고 이거의 문제점은 연결 속도가 느리면 HTML도 렌더링이 되지 않아 모든 걸 다 fetch 하기 전까지 빈 화면만 나오게 된다. 혹은 JS가 비활성화가 되어 있다면 빈 화면만 쭉 뜨게 된다 (JS를 사용해 렌더링을 하기 때문)
reactJS 가 client-side rendering이다
하지만 nextJS는 server-side rendering (SSR)은 HTML을 먼저 생성한다 그래서 연결속도가 느리거나 JS가 비활성화되어 있더라도 HTMl 코드는 뜨는 걸 확인할 수 있다
'NextJS' 카테고리의 다른 글
| NextJS (6) Global Styles (0) | 2023.02.21 |
|---|---|
| NextJS (5) Styles JSX (0) | 2023.02.21 |
| Next JS (4) Routing (0) | 2023.02.21 |
| NextJS (2) Pages (0) | 2023.02.21 |
| NextJS (1) NextJS 프로젝트 시작하기 (0) | 2023.02.21 |
