[React & Node] 프로젝트 빌드하는 방법 (static 파일 제공)

• 백엔드 서버를 통해 리액트 앱을 제공할 수 있도록 빌드

yarn build

• 서버에서 정적 파일을 제공하기 위해서는 koa-static을 설치

yarn add koa-static

• /src/index.js에 아래와 같이 추가

import serve from 'koa-static';
import path from 'path';
import send from 'koa-send';

const buildDirectory = path.resolve(__dirname, '../../client/build');
app.use(serve(buildDirectory));
app.use(async ctx => {
  // Not Found이고, 주소가 /api로 시작하지 않는 경우
  if (ctx.status === 404 && ctx.path.indexOf('/api') !== 0) {
    // index.html 내용을 반환
    await send(ctx, 'index.html', { root: buildDirectory });
  }
});