React(+express) 서버사이드렌더링(SSR) 예시 코드

전체 폴더 구조 build/bundle.js : 서버 빌드 파일 public/bundle.js : 클라이언트 빌드 파일 src/client : 클라이언트(React) 코드 src/index.js : 서버(Express) 코드 webpack.config.js : 클라이언트 웹팩 설정 webpack.server.js : 서버 웹팩 설정 package.json (실행 스크립트, 설치해야 하는 패키지) { "name": "react-ssr", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "build": "webpack", "server": "node build/bundle.js", "build:server": "webpack --config webpack.server.js" }, "keywords": [], "author": "", "license": "ISC", "dependencies": { "expre...

원문링크 : React(+express) 서버사이드렌더링(SSR) 예시 코드