api/server.js
const express = require('express');
const cors = require('cors');
const path = require('path')
const app = express(),
bodyParser = require("body-parser");
port = 3080;
// place holder for the data
const books = [{
book: "폭풍의 언덕",
category: "영미/고전",
author: "에밀리 브론테"
}];
app.use(cors());
app.use(bodyParser.json());
app.use(express.static(path.join(__dirname, '../my-app/build')));
package.jason
{
"name": "my-app",
"version": "0.1.0",
"private": true,
"dependencies": {
"bootstrap": "^5.2.3",
"http-proxy-middleware": "^2.0.6",
"react": "^18.2.0",
"react-bootstrap": "^2.7.0",
"react-dom": "^18.2.0",
"react-scripts": "^5.0.1"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"proxy" : "http://localhost:3080"
}