build script

[프론트엔드] 서버 사이드 랜더링[5]

3. 서버 사이드 렌더링 구현하기 3.5 정적 파일 제공하기 이번에는 Express에 내장ㅇ되어 있는 static 미들웨어를 사용하여 서버를 통해서 build에 있는 JS, CSS 정적 파일들에 접근할 수 있도록 처리해 하겠습니다. - index.server.js import React from "react"; import ReactDOMServer from "react-dom/server"; import express from "express"; import { StaticRouter } from "react-router-dom"; import App from "./App"; import path from "path"; // express 선언 const app = express(); // 서버 사이드..

[프론트엔드] 서버 사이드 랜더링[4]

3. 서버 사이드 렌더링 구현하기 3.4 서버 코드 작성하기 이번에는 서버 사이드 렌더링을 처리할 서버를 구성 하겠습니다. Express -> Node.js 웹 프레임워크를 사용하여 웹 서버를 만들겠습니다. 웹 서버는 Koa, Hapi, connect 라이브러리를 사용하여 구현도 가능합니다. 다만 이 글에서는 가장 사용율이 높고 정적 파일 호스팅이 구현하기 쉬운 Express를 사용할 에정입니다. 먼저 다음 명령어로 Express를 설치해 주세요. yarn add express 다음으로 이전 글에 작성했던 index.server.js 파일 코드를 다음과 같이 수정합니다. - index.server.js import React from "react"; import ReactDOMServer from "re..