React나 angular, vue 같은 프레임워크(라이브러리) 를 보면 서버에서 완성된 HTML, CSS, Js 파일을 내려주는것이 아니라 간단한 뼈대만 내려주고, 클라이언트 측에서 Javascript를 사용하여 화면을 그리는 클라이언트 사이드 렌더링 방식을 주로 사용한다.
서버사이드 렌더링과 클라이언트 사이드 렌더링은 각각의 장단점을 가지고 있고, 특징에 맞게 잘 활용해야 한다.
그중, React를 사용할때 서버사이드 렌더링이 필요한경우 Next.js를 자주 접하게 되는데, 어떤 특징이 있고, 어떻게 사용하는지 간단히 살펴보고 맛을 보도록 하자.
'개발 > React' 카테고리의 다른 글
| [Next.js] Next js를 배워보자 #5 - Pre-rendering과 Data Fetching (1) | 2020.09.10 |
|---|---|
| [Next.js] Next js를 배워보자 #4 - Assets, Metadata와 CSS (0) | 2020.09.10 |
| [Next.js] Next js를 배워보자 #3 - 페이지간 이동 (0) | 2020.09.10 |
| [Next.js] Next js를 배워보자 #2 - Next.js 프로젝트 생성 (0) | 2020.09.10 |