Update: DB Sync Setting.

client/src/components/ChartTemp.js

-import React, { useState } from 'react'
-import { Col } from 'react-bootstrap';
-import { Bar } from 'react-chartjs-2'
-import { callUserInfo } from '../utils/CheckDB';
-import { useEffect } from 'react';
-import axios from 'axios';
-import { routesClient } from './../routesClient';
+import React, { useState } from "react";
+import { Col } from "react-bootstrap";
+import { Bar } from "react-chartjs-2";
+import { callUserInfo } from "../utils/CheckDB";
+import { useEffect } from "react";
+import axios from "axios";
+import { routesClient } from "./../routesClient";
 
 function ChartTemp() {
+  const [temp, setTemp] = useState([]);
 
-    const [temp, setTemp] = useState([])
+  // useEffect(() => {
+  //     callUserInfo().then((res) => {
+  //         const outs = axios.get(routesClient.outsideLoc + res['loc_code'])
+  //         return outs
+  //             .then((res) => {
+  //                 const outWeather = res.data.contents.weather_out
+  //                 console.log(res.data.contents.weather_out)
+  //                 let i = 0;
+  //                 // setTemp(res.data.contents.weather_out[0].temp)
+  //                 const tempArray = []
+  //                 for (i; i < 3; i++) {
+  //                     console.log(i)
+  //                     console.log(outWeather[i])
+  //                     tempArray.push(outWeather[i].temp)
+  //                 }
+  //                 setTemp(tempArray)
+  //             })
+  //     })
+  // }, [])
 
-    useEffect(() => {
-        callUserInfo().then((res) => {
-            const outs = axios.get(routesClient.outsideLoc + res['loc_code'])
-            return outs
-                .then((res) => {
-                    const outWeather = res.data.contents.weather_out
-                    console.log(res.data.contents.weather_out)
-                    let i = 0;
-                    // setTemp(res.data.contents.weather_out[0].temp)
-                    const tempArray = []
-                    for (i; i < 3; i++) {
-                        console.log(i)
-                        console.log(outWeather[i])
-                        tempArray.push(outWeather[i].temp)
-                    }
-                    setTemp(tempArray)
-                })
-        })
-    }, [])
-
-    console.log(temp)
+  console.log(temp);
 
   const options = {
     legend: {
       display: true, // label 보이기 여부
     },
     scales: {
-            yAxes: [{
+      yAxes: [
+        {
           ticks: {
             min: 0, // y축 스케일에 대한 최소값 설정
             stepSize: 0.5, // y축 그리드 한 칸당 수치
-                }
-            }]
+          },
+        },
+      ],
     },
 
     // false : 사용자 정의 크기에 따라 그래프 크기가 결정됨.
     // true : 크기가 알아서 결정됨.
-        maintainAspectRatio: false
-    }
+    maintainAspectRatio: false,
+  };
   const data = {
-        labels: ['1', '2', '3', '4', '5', '6', '77', '88', '99'],
+    labels: ["1", "2", "3", "4", "5", "6", "77", "88", "99"],
     datasets: [
       {
-                label: '온도',
-                borderWidth: '2',
+        label: "온도",
+        borderWidth: "2",
         data: temp,
         borderColor: [
-                    'rgba(75,192,192,1)',
-                    'rgba(75,192,192,1)',
-                    'rgba(75,192,192,1)',
-                    'rgba(75,192,192,1)',
-                    'rgba(75,192,192,1)',
-                    'rgba(75,192,192,1)',
+          "rgba(75,192,192,1)",
+          "rgba(75,192,192,1)",
+          "rgba(75,192,192,1)",
+          "rgba(75,192,192,1)",
+          "rgba(75,192,192,1)",
+          "rgba(75,192,192,1)",
 
-                    'rgba(191,191,191,1)',
-                    'rgba(191,191,191,1)',
-                    'rgba(191,191,191,1)'],
+          "rgba(191,191,191,1)",
+          "rgba(191,191,191,1)",
+          "rgba(191,191,191,1)",
+        ],
         backgroundColor: [
-                    'rgba(75,192,192,0.4)',
-                    'rgba(75,192,192,0.4)',
-                    'rgba(75,192,192,0.4)',
-                    'rgba(75,192,192,0.4)',
-                    'rgba(75,192,192,0.4)',
-                    'rgba(75,192,192,0.4)',
+          "rgba(75,192,192,0.4)",
+          "rgba(75,192,192,0.4)",
+          "rgba(75,192,192,0.4)",
+          "rgba(75,192,192,0.4)",
+          "rgba(75,192,192,0.4)",
+          "rgba(75,192,192,0.4)",
 
-                    'rgba(191,191,191,0.4)',
-                    'rgba(191,191,191,0.4)',
-                    'rgba(191,191,191,0.4)']
-            }
-        ]
+          "rgba(191,191,191,0.4)",
+          "rgba(191,191,191,0.4)",
+          "rgba(191,191,191,0.4)",
+        ],
+      },
+    ],
   };
 
-
-
   return (
-        <Col id='chartTab'>
-            <Bar
-                data={data}
-                options={options}
-            />
+    <Col id="chartTab">
+      <Bar data={data} options={options} />
     </Col>
-    )
-};
+  );
+}
 
 export default ChartTemp;

server/src/db/locationSetting.js

@@ -60,15 +60,15 @@ export const setLocTables = () => {
 
   // Insert to DB.
   doeList.map(async (node) => {
-    await db.Doe.create(node, { logging: false });
+    await db.Doe.findOrCreate({ where: node, logging: false });
   });
 
   sggList.map(async (node) => {
-    await db.Sgg.create(node, { logging: false });
+    await db.Sgg.findOrCreate({ where: node, logging: false });
   });
 
   emdList.map(async (node) => {
-    await db.Emd.create(node, { logging: false });
+    await db.Emd.findOrCreate({ where: node, logging: false });
   });
 
   console.log("Finish the insertion!");

server/src/init.js

@@ -12,7 +12,7 @@ const handleListening = () => {
 
 // DB 연결
 db.sequelize
-  .sync({ force: true })
+  .sync()
   .then(() => {
     console.log(db.msg.connection_success);
   })