정적파일 처리용 코드 추가 (주석설정한채로)

Author: jeonghwan-kim

server/index.js

@@ -1,69 +1,83 @@
-const express = require('express')
-const morgan = require('morgan');
+const express = require("express");
+const morgan = require("morgan");
+const path = require("path");
 
 const app = express();
-app.use(morgan('dev'));
 
-const port = process.env.PORT || 8082;
+app.use(morgan("dev"));
+
+// app.use(express.static(path.join(__dirname, "../dist")));
+
+const port = process.env.PORT || 8081;
 const keywords = [
-  { keyword: '이탈리아' },
-  { keyword: '세프의요리' }, 
-  { keyword: '제철' }, 
-  { keyword: '홈파티'}
-]
-const search = [{
-  "id": 1,
-  "name": "[버거] 치즈버거처럼 생긴 새우버거",
-  "image": "https://images.unsplash.com/photo-1547584370-2cc98b8b8dc8?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60"
-}, {
-  "id": 2,
-  "name": "[샐러드] 맛있는 색깔의 콥셀러드",
-  "image": "https://images.unsplash.com/photo-1512621776951-a57141f2eefd?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60"
-}, {
-  "id": 3,
-  "name": "[피자] 썸네일 주소가 잘못된 상품",
-  "image": "http://foo.bar/image.jpg"
-}]
+  { keyword: "이탈리아" },
+  { keyword: "세프의요리" },
+  { keyword: "제철" },
+  { keyword: "홈파티" }
+];
+const search = [
+  {
+    id: 1,
+    name: "[버거] 치즈버거처럼 생긴 새우버거",
+    image:
+      "https://images.unsplash.com/photo-1547584370-2cc98b8b8dc8?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60"
+  },
+  {
+    id: 2,
+    name: "[샐러드] 맛있는 색깔의 콥셀러드",
+    image:
+      "https://images.unsplash.com/photo-1512621776951-a57141f2eefd?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60"
+  },
+  {
+    id: 3,
+    name: "[피자] 썸네일 주소가 잘못된 상품",
+    image: "http://foo.bar/image.jpg"
+  }
+];
 let history = [
-  { "keyword": "검색기록2", "date": "12.03"},
-  { "keyword": "검색기록1", "date": "12.02"},
-  { "keyword": "검색기록0", "date": "12.01"}
-]
+  { keyword: "검색기록2", date: "12.03" },
+  { keyword: "검색기록1", date: "12.02" },
+  { keyword: "검색기록0", date: "12.01" }
+];
 
-app.get('/api/keywords', (req, res) => {
+app.get("/api/keywords", (req, res) => {
   // res.header("Access-Control-Allow-Origin", "*");
-  res.json(keywords)
-})
+  res.json(keywords);
+});
 
-app.get('/api/history', (req, res) => {
-  res.json(history)
-})
+app.get("/api/history", (req, res) => {
+  res.json(history);
+});
 
-app.post('/api/history', (req, res) => {
-  keyword = (req.query.keyword || '').trim()
-  if (!keyword) return
+app.post("/api/history", (req, res) => {
+  keyword = (req.query.keyword || "").trim();
+  if (!keyword) return;
 
-  history.filter(item => item.keyword !== keyword)
+  history.filter(item => item.keyword !== keyword);
 
   history = [
-    { keyword, date: '12.31' }, 
+    { keyword, date: "12.31" },
     ...history.filter(item => item.keyword !== keyword)
-  ]
+  ];
+
+  res.json(history);
+});
 
-  res.json(history)
-})
+app.delete("/api/history", (req, res) => {
+  const keyword = (req.query.keyword || "").trim();
 
-app.delete('/api/history', (req, res) => {
-  keyword = (req.query.keyword || '').trim()
+  history = history.filter(item => item.keyword !== keyword);
+  res.json(history);
+});
 
-  history = history.filter(item => item.keyword !== keyword)
-  res.json(history)
-})
+app.get("/api/search", (req, res) => {
+  res.json(search);
+});
 
-app.get('/api/search', (req, res) => {
-  res.json(search)
-})
+// app.get("*", (req, res) => {
+//   res.sendFile(path.join(__dirname, "../dist/index.html"));
+// });
 
 app.listen(port, () => {
-  console.log(`서버가 구동되었습니다. localhost:${port}`)
-})
+  console.log(`서버가 구동되었습니다. localhost:${port}`);
+});