📦 middleware 설치 및 hmr을 개발환경에서만 실행

- morgan 설치, 적용
- parser 적용

package.json

@@ -6,6 +6,7 @@
     "build": "webpack",
     "watch": "webpack --watch",
     "dev": "NODE_ENV=development node ./src/server/bin/www",
+    "start": "NODE_ENV=production node ./src/server/bin/www",
     "client:dev": "webpack serve --open",
     "server:dev": "nodemon ./src/server/bin/www"
   },
@@ -26,7 +27,8 @@
     "@babel/preset-env": "^7.20.2",
     "core-js": "^3.26.1",
     "dotenv": "^16.0.3",
-    "express": "^4.18.2"
+    "express": "^4.18.2",
+    "morgan": "^1.10.0"
   },
   "devDependencies": {
     "babel-loader": "^9.1.0",

src/server/app.js

@@ -1,16 +1,24 @@
 const express = require('express');
+const logger = require('morgan');
 const webpack = require('webpack');
-const webpackConfig = require('../../webpack.config');
-const compiler = webpack(webpackConfig);
 
 const webpackDevMiddleware = require('webpack-dev-middleware');
 const webpackHotMiddleware = require('webpack-hot-middleware');
 
 const app = express();
 
+app.use(logger('common'));
+app.use(express.json());
+app.use(express.urlencoded({extended: false}));
+
 process.env.NODE_ENV = process.env.NODE_ENV || 'development';
 
-if (process.env.NODE_ENV === 'development') {
+if (process.env.NODE_ENV !== 'production') {
+  const webpackConfig = require('../../webpack.config');
+
+  webpackConfig.entry.main.unshift('webpack-hot-middleware/client?path=/__webpack_hmr&timeout=20000');
+  const compiler = webpack(webpackConfig);
+
   app.use(
     webpackDevMiddleware(compiler, {
       publicPath: webpackConfig.output.publicPath,
@@ -26,7 +34,8 @@ if (process.env.NODE_ENV === 'development') {
   );
 }
 
-app.get('/', function (req, res) {
-  res.sendFile(__dirname + './dist/index.html');
-});
+if (process.env.NODE_ENV === 'production') {
+  app.use(express.static('dist'));
+}
+
 module.exports = app;

webpack.config.js

@@ -6,7 +6,7 @@ module.exports = {
   mode: 'development',
   devtool: 'eval-source-map',
   entry: {
-    main: ['webpack-hot-middleware/client?path=/__webpack_hmr&timeout=20000', './src/client/App.js'],
+    main: ['./src/client/App.js'],
   },
   output: {
     path: path.resolve('./dist'),