SSR은 개념편에서 말했듯이 서버에서 랜더링을 하는 것입니다. 이를 위한 서버를 구현하겠습니다. 또한 SSR에서 중요한 개념 중 하나인 Hydration에 대해서 알아보겠습니다.
패키지 설치
npm i express
npm i -D @babel/cli @babel/plugin-transform-modules-commonjs
- @babel/plugin-transform-modules-commonjs
- 서버 사이드에서 import/export문법을 사용하기 위해 설치합니다.
웹 서버 코드
'React > ReactJs' 카테고리의 다른 글
| React - Context API (0) | 2022.02.21 |
|---|---|
| styled-component의 동작방식 (0) | 2022.02.21 |
| SPA기반 SSR 구현하기 - 2 (0) | 2022.02.19 |
| SPA기반 SSR구현하기 - 1 (0) | 2022.02.19 |
| React - Code-spliting, Lazy Reloading (0) | 2022.02.19 |