Merge branch 'master' into 'master'

db통합, 배경적용



See merge request !7

 module.exports = {
     host: 'localhost',
     user: 'root',
-    password: 'abcd',
-    database: 'db_option'
+    password: 'Serrmica0!',
+    database: 'db_option_total'
 }
\ No newline at end of file

-module.exports = {
-    host: 'localhost',
-    user: 'root',
-    password: 'abcd',
-    database: 'db_option_traffic'
-}
\ No newline at end of file

 const mysql = require('mysql');
-const DB_option = require('../keys/db_option');
+const DB_option = require('../keys/db_option_total');
 
 module.exports = mysql.createConnection(DB_option);

-const mysql = require('mysql');
-const DB_option_traffic = require('../keys/db_option_traffic');
-
-module.exports = mysql.createConnection(DB_option_traffic);

-const db = require('./db.js');
-const db_traffic = require('./db_traffic.js');
+const db_total = require('./db_total.js'); //DB 합침
 const secret_key = require('../keys/api_option').key;
 const secret_key_traffic = require('../keys/api_option_traffic').key;
 
@@ -26,19 +25,12 @@ module.exports = (server, app) => {
     let sending_to_client_info = {};
     let client_send = {};
     let client_name = "";
-    let client_birth ;
+    let client_birth;
     let Destiny;
     let sql;
     let info = {} //;?
 
     let Current_TrafficAcc = {};
-    let sql_traffic;
-    //let DeathNum_index = {}; //사상자
-    //let M_HurtNum_index = {}; //중상자
-    //let L_HurtNum_index = {}; //경상자
-    //let LocalName_index = {}; //지역 이름
-    //let OccurNum_index = {}; //발생 건수
-    //afos_fid: 다발지역 FID, bjd_cd: 법정동 코드, spot_cd:지점코드
 
     //API 호출_Weather
     const req_API = (when, what) => {
@@ -62,6 +54,8 @@ module.exports = (server, app) => {
                 });
         })
     }
+
+
     //API 호출_Traffic
     const req_API_traffic = (cate1, cate2) => {
         //async await 사용하기 위하여 promise 사용
@@ -101,11 +95,6 @@ module.exports = (server, app) => {
             Ultra_Violet_index = await req_API("index", "uv"); //자외선지수
 
             Current_TrafficAcc = await req_API_traffic("frequentzoneLg", "getRestFrequentzoneLg"); //cate1, cate2           
-            /*DeathNum_index = await req_API_traffic("frequentzoneLg", "getRestFrequentzoneLg");
-            M_HurtNum_index = await req_API_traffic("frequentzoneLg", "getRestFrequentzoneLg");
-            L_HurtNum_index = await req_API_traffic("frequentzoneLg", "getRestFrequentzoneLg");
-            LocalName_index = await req_API_traffic("frequentzoneLg", "getRestFrequentzoneLg");
-            OccurNum_index = await req_API_traffic("frequentzoneLg", "getRestFrequentzoneLg");*/
 
             info = {
                 heat: Heat_index.weather.wIndex.heatIndex[0].current.index, //열지수
@@ -121,7 +110,7 @@ module.exports = (server, app) => {
                 typhoon: Current_Weather.common.stormYn, //현재 태풍
                 time: Current_Weather.weather.minutely[0].timeObservation, // 불러온 시각
                 death_prob: 0, //확률
-                death_number: Current_TrafficAcc.items.item[0].caslt_cnt, //사상자 수
+                death_number: Current_TrafficAcc.items.item[0].dth_dnv_cnt, //사망자 수 
                 midhurt_number: Current_TrafficAcc.items.item[0].se_dnv_cnt, //중상자 수
                 lighthurt_number: Current_TrafficAcc.items.item[0].sl_dnv_cnt, //경상자 수
                 occur_number: Current_TrafficAcc.items.item[0].occrrnc_cnt //발생건수
@@ -143,7 +132,8 @@ module.exports = (server, app) => {
             //죽을 확률 계산(내맘대로 커스텀)
             info.death_prob = (
                 (info.heat / 50) + (Math.abs(info.sensible_temperature - 15) / 10) + (info.discomport / 10) + (info.UV / 10)
-                + info.windspd*1 + (info.rain / 10) + (Math.abs(info.current_temperature - 15) / 10)
+                + info.windspd * 1 + (info.rain / 10) + (Math.abs(info.current_temperature - 15) / 10)
+                + (info.death_number / 60) + (info.midhurt_number / 80) + (info.lighthurt_number / 90) + (info.occur_number / 90)
             );
 
             //이벤트 기반으로 일정 시간 간격으로 클라이언트에게 보낼 정보, 홈페이지 그래프에 나타날 정보
@@ -164,15 +154,15 @@ module.exports = (server, app) => {
 
 
             // 심장이 크게 뛰며 확률이 증가하거나 감소 할 수 있음
-               Math.random() * 2 >= 1  ?  client_send.death += getRandom_add_prob(0,5) :  client_send.death -= getRandom_add_prob(0,5) ;
+            Math.random() * 2 >= 1 ? client_send.death += getRandom_add_prob(0, 5) : client_send.death -= getRandom_add_prob(0, 5);
 
 
             //운명의 장난으로 죽을 확률이 증가하거나 감소함 
             const rand = Math.floor(Math.random() * 6) //생년월일 중 한자리 뽑음
 
-              Destiny=client_birth.charAt(rand)/3;  //명시적 형 변환
-              if(Destiny==0)Destiny=1; //사용자 잘못 입력했을때 예외처리
-               Math.random() * 2 >= 1  ?  client_send.death += Destiny :  client_send.death -= Destiny ;
+            Destiny = client_birth.charAt(rand) / 3;  //명시적 형 변환
+            if (Destiny == 0) Destiny = 1; //사용자 잘못 입력했을때 예외처리
+            Math.random() * 2 >= 1 ? client_send.death += Destiny : client_send.death -= Destiny;
 
 
             //만약 날이 너무 안좋아서 확률이 100을 넘긴다면 100으로 예외처리
@@ -180,21 +170,17 @@ module.exports = (server, app) => {
                 client_send.death = 100;
             }
 
-            console.log("client send data \n",client_send)
+            console.log("client send data \n", client_send)
 
             app.get("socket").emit("weather_and_traffic_Info_minutely_send_to_client", client_send); // 클라이언트에게 정보 담아서 이벤트 발산
             console.log("emit");
 
             //db에 저장
-            sql = "INSERT INTO weatherInfo (time,wind,temperature,rain,prob) VALUES (?,?,?,?,?)";
-            db.query(sql, [client_send.time, client_send.wind, client_send.temperature, client_send.rain, client_send.death], (err, result) => {
+            sql = "INSERT INTO apisInfo (time,wind,temperature,rain,prob,tdeath,mhurt,lhurt,occurence) VALUES (?,?,?,?,?,?,?,?,?)";
+            db_total.query(sql, [client_send.time, client_send.wind, client_send.temperature, client_send.rain, client_send.death, client_send.trafficdeath, client_send.mhurt, client_send.lhurt, client_send.occurence], (err, result) => {
                 if (err) console.log(err);
             })
 
-            sql_traffic = "INSERT INTO trafficInfo (tdeath,mhurt,lhurt,occurence,prob) VALUES (?,?,?,?,?)";
-            db_traffic.query(sql_traffic, [client_send.trafficdeath, client_send.mhurt, client_send.lhurt, client_send.occurence, client_send.death], (err, result) => {
-                if (err) console.log(err);
-            })
         } catch (err) {  //promise err or try err catch
             console.log("================Error Occured !!================\n", err);
         }

 var express = require('express');
 var router = express.Router();
-var db = require('../lib/db');
+var db = require('../lib/db_total');
 
 /* GET home page. */
 
 router.post('/starting' , (req,res) => {
    res.redirect(`/name/${req.body.name}/birth/${req.body.birth}`);
 })
-router.get('/name/:name/birth/:birth', (req,res) => {
+router.get('/name/:name/birth/:birth', (req, res) => {
 
     // 렌더링 변수
     var time = new Array(); // 타임스탬프
@@ -21,32 +21,40 @@ router.get('/name/:name/birth/:birth', (req,res) => {
     var count = 0;
     const name = req.params.name;
     const birth = req.params.birth;
+    //const address = req.params.address;
+    ////////////////////////////////////////
+    var deathArr = new Array();
+    var mhurtArr = new Array();
+    var lhurtArr = new Array();
+    var occurArr = new Array();
+    ////////////////////////////////////////
+
 
     // 이전 10분간 데이터 찾기
-  sql = "SELECT * FROM weatherInfo WHERE time >= DATE_FORMAT(DATE_ADD(now(), INTERVAL -20 MINUTE), '%Y-%m-%d %H:%i:%s')";
-  db.query(sql, function(err, rows, fields){
-    if(err)
-    {
+    sql = "SELECT * FROM apisInfo WHERE time >= DATE_FORMAT(DATE_ADD(now(), INTERVAL -20 MINUTE), '%Y-%m-%d %H:%i:%s')";
+    db.query(sql, function (err, rows, fields) {
+        if (err) {
             console.log(err);
         }
-    else
-    {
-      if (rows.length == 0)
-      {
+        else {
+            if (rows.length == 0) {
                 empty = 1;
             }
-      else
-      {
-        for(var i = rows.length - 1; i >= 0; i--)
-        {
+            else {
+                for (var i = rows.length - 1; i >= 0; i--) {
                     probArr.unshift(rows[i].prob);
                     time.unshift(rows[i].time);
                     ptArr.unshift(rows[i].temperature);
                     wsArr.unshift(rows[i].wind);
                     rainArr.unshift(rows[i].rain);
+                    ////
+                    deathArr.unshift(rows[i].tdeath);
+                    mhurtArr.unshift(rows[i].mhurt);
+                    lhurtArr.unshift(rows[i].lhurt);
+                    occurArr.unshift(rows[i].occurence);
                     count = count + 1;
 
-          if (count == 10){
+                    if (count == 10) {
                         break;
                     }
                 }
@@ -62,13 +70,17 @@ router.get('/name/:name/birth/:birth', (req,res) => {
                 probArr,
                 dataLen,
                 name,
-        birth
+                birth,
+                deathArr,
+                mhurtArr,
+                lhurtArr,
+                occurArr
             });
         }
     });
-} )
-router.get('/', function(req, res, next) {
-  res.render( 'main' );
+})
+router.get('/', function (req, res, next) {
+    res.render('main');
 });
 
 module.exports = router;

-<!-- <!DOCTYPE html>
-<html>
-
-<head>
-  <!-- font -->
-  <link href="https://fonts.googleapis.com/css?family=Nanum+Brush+Script&amp;subset=korean" rel="stylesheet" />
-  <link href="https://fonts.googleapis.com/css?family=Yeon+Sung&amp;subset=korean" rel="stylesheet" />
-
-  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <title>Highcharts Example</title>
-
-  <style type="text/css">
-  html {
-  margin: 0;
-  padding: 0;
-}
-    body {
-      margin: 0;
-      padding: 0;
-
-      /* background: linear-gradient( to bottom, #65799B, rgb(38, 14, 41) ); */
-      /* background-color:#65799B; */
-      /* background-image: url("2.jpg");
-      background-repeat: no-repeat;
-      background-size: cover; */
-    }
-    #banner {
-      position: absolute;
-      top: 0;
-      width: 100%;
-    }
-
-  </style>
-</head>
-
-<body>
-  <script src="highcharts.js"></script>
-  <script src="modules/exporting.js"></script>
-  <script src="modules/export-data.js"></script>
-
-  <div id="banner">
-        <div id="container1" style="width:1260px; height: 400px; margin: 0 auto;"></div>
-
-  <div style="width:1275px;  margin:0 auto;">
-    <div style="display: inline-block;">
-      <div id="container2" style="width:400px; height: 300px; padding:0; margin-left:0px;margin-right: 30px;"></div>
-    </div>
-    <div style="display: inline-block;">
-      <div id="container3" style="width:400px; height: 300px; padding:0; margin-left:0px;margin-right: 30px;"></div>
-    </div>
-
-    <div style="display: inline-block;">
-      <div id="container4" style="width:400px; height: 300px; padding:0; margin-left:0px;"></div>
-    </div>
-  </div>
-
-  <script src="/socket.io/socket.io.js"></script>
-  <script type="text/javascript">
-      let client_data = {
-      birth: "<%=birth%>",
-      name: "<%=name%>"
-    }
-    var socket = io.connect('/', { transports: ['websocket'], upgrade: false });
-    socket.emit("connection", client_data);
-    socket.on("weatherInfo_minutely_send_to_client", (info) => {  //서버에서 client에게 메세지 전송
-      console.log(info);
-
-      var date = new Date().getTime();
-
-      chart1.series[0].addPoint({
-        x: date,
-        y: info.death
-      });
-
-      chart2.series[0].addPoint({
-        x: date,
-        y: info.temperature
-      });
-
-      chart3.series[0].addPoint({
-        x: date,
-        y: info.wind
-      });
-
-      chart4.series[0].addPoint({
-        x: date,
-        y: info.rain
-      });
-
-    });
-
-
-    var chart1 = Highcharts.chart("container1", {
-      chart: {
-        type: "spline",
-        animation: Highcharts.svg, // don't animate in old IE
-        marginRight: 10,
-        // events: {
-        //   load: function () {
-        //     // set up the updating of the chart each second
-        //     var series = this.series[0];
-        //     setInterval(function () {
-        //       var x = new Date().getTime(), // 현재 시간
-        //         y = Math.random(); //여기에 새로 넣을 값
-        //       series.addPoint({x:x,y:y,color:"#FFE08C"}, true, true);
-        //     }, 1000); //1000=1초 -> 1분=60000
-        //   }
-        // },
-
-        backgroundColor: "rgba(255, 255, 255, 0.0)"
-      },
-
-      time: {
-        useUTC: false
-      },
-
-      title: {
-        text: "<%=name%>님의 실시간 사망 확률",
-        style: {
-          color: "#FFFFFF",
-          fontWeight: "bold",
-          fontFamily: 'Yeon Sung',
-          fontSize:'32px'
-        }
-      },
-      xAxis: {
-        type: "datetime",
-        tickPixelInterval: 150,
-        labels: {
-          style: {
-            color: "white"
-          }
-        }
-      },
-      yAxis: {
-        title: {
-          text: "Value",
-          style: {
-            color: "white"
-          }
-        },
-
-        plotLines: [
-          {
-            value: 0,
-            width: 1,
-            color: "#808080"
-          }
-        ],
-        labels: {
-            style: {
-              color: "white"
-            }
-          }
-
-      },
-      tooltip: {
-        headerFormat: "<b>{series.name}</b><br/>",
-        pointFormat: "{point.x:%Y년%m월%d일 %H시%M분}<br/>의 사망률 : {point.y:.2f}%"
-      },
-      legend: {
-        //enabled: false
-        layout: "vertical",
-        align: "left",
-        verticalAlign: "top",
-        x: 100,
-        y: 50,
-        floating: true,
-        borderWidth: 1,
-        backgroundColor:
-          (Highcharts.theme && Highcharts.theme.legendBackgroundColor) ||
-          "#FFFFFF"
-      },
-      exporting: {
-        enabled: false
-      },
-
-plotOptions: {
-        series: {
-            marker: {
-                radius: 6
-            }
-        }
-    },
-
-        series: [
-          {
-            name: "사망률",
-            data: (function () {
-              var deathArr = [],
-                time = new Date().getTime();
-              var length = <%=dataLen%>;
-              var i = -9; //얘는 시간계산용
-              var j = 0; //얘는 반복문용
-              for (; j < 10 - length; j++) {
-                deathArr.push({
-                  x: time + i * 60000,
-                  y: 0
-                })
-                i++;
-              }
-
-              <% probArr.forEach((probArr) => {%>
-                var temp;
-                temp = <%=probArr %>;
-
-                // for(;j<10;j++)
-                // {
-                //   deathArr.push({
-                //   x: time + i * 60000,
-                //   y: temp
-                // }) 
-                // i++;
-                // }
-
-                deathArr.push({
-                  x: time + i * 60000,
-                  y: temp
-                })
-                i++;
-
-              <%}) %>
-
-              return deathArr;
-            })(),
-
-            color: "#FFFFFF"
-          }
-        ]
-
-    });
-
-
-    var chart2 = Highcharts.chart("container2", {
-      chart: {
-        type: "spline",
-        animation: Highcharts.svg, // don't animate in old IE
-        marginRight: 10,
-        // events: {
-        //   load: function () {
-        //     // set up the updating of the chart each second
-        //     var series = this.series[0];
-        //     setInterval(function () {
-        //       var x = new Date().getTime(), // 현재 시간
-        //         y = Math.random(); //
-        //       series.addPoint([x, y], true, true);
-        //     }, 3000); //1000=1초
-        //   }
-        // },
-
-        backgroundColor: "rgba(255, 255, 255, 0.0)"
-      },
-
-      time: {
-        useUTC: false
-      },
-
-      title: {
-        text: "기온",
-        style: {
-          color: "#FFFFFF",
-          fontWeight: "bold",
-          fontFamily: 'Yeon Sung',
-          fontSize:'25px'
-        }
-
-      },
-      xAxis: {
-        type: "datetime",
-        tickPixelInterval: 150,
-        labels: {
-          style: {
-            color: "white"
-          }
-        }
-      },
-      yAxis: {
-        title: {
-          text: "Value",
-          style: {
-            color: "white"
-          }
-        },
-        plotLines: [
-          {
-            value: 0,
-            width: 1,
-            color: "#808080"
-          }
-        ],
-        labels: {
-            style: {
-              color: "white"
-            }
-          }
-
-      },
-      tooltip: {
-        headerFormat: "<b>{series.name}</b><br/>",
-        pointFormat: "{point.x:%Y년%m월%d일 %H시%M분}<br/>의 기온 : {point.y:.2f}도"
-      },
-      legend: {
-        //enabled: false
-        layout: "vertical",
-        align: "left",
-        verticalAlign: "top",
-        x: 100,
-        y: 50,
-        floating: true,
-        borderWidth: 1,
-        backgroundColor:
-          (Highcharts.theme && Highcharts.theme.legendBackgroundColor) ||
-          "#FFFFFF"
-      },
-      exporting: {
-        enabled: false
-      },
-      series: [
-          {
-            name: "기온",
-            data: (function () {
-              var tempArr = [],
-                time = new Date().getTime();
-              var length = <%=dataLen%>;
-              var i = -9;
-              var j = 0;
-              for (j; j < 10 - length; j++) {
-                tempArr.push({
-                  x: time + i * 60000,
-                  y: 0
-                })
-                i++;
-              }
-
-              <% ptArr.forEach((ptArr) => {%>
-                var temp;
-                temp = <%=ptArr %>;
-
-                // for(j;j<10;j++)
-                // {
-                //   tempArr.push({
-                //   x: time + i * 60000,
-                //   y: temp
-                // }) 
-                // i++;
-                // }
-
-                tempArr.push({
-                  x: time + i * 60000,
-                  y: temp
-                })
-                i++;
-
-              <%}) %>
-
-              return tempArr;
-            })(),
-
-            color: "#FFE08C"
-          }
-        ]
-    });
-
-    var chart3 = Highcharts.chart("container3", {
-      chart: {
-        type: "spline",
-        animation: Highcharts.svg, // don't animate in old IE
-        marginRight: 10,
-        // events: {
-        //   load: function () {
-        //     // set up the updating of the chart each second
-        //     var series = this.series[0];
-        //     setInterval(function () {
-        //       var x = new Date().getTime(), // 현재 시간
-        //         y = Math.random(); //
-        //       series.addPoint([x, y], true, true);
-        //     }, 3000); //1000=1초
-        //   }
-        // },
-        backgroundColor: "rgba(255, 255, 255, 0.0)"
-      },
-
-      time: {
-        useUTC: false
-      },
-
-      title: {
-        text: "풍속",
-        style: {
-          color: "#FFFFFF",
-          fontWeight: "bold",
-          fontFamily: 'Yeon Sung',
-          fontSize:'25px'
-        }
-      },
-      xAxis: {
-        type: "datetime",
-        tickPixelInterval: 150,
-        labels: {
-          style: {
-            color: "white"
-          }
-        }
-      },
-      yAxis: {
-        title: {
-          text: "Value",
-          style: {
-            color: "white"
-          }
-        },
-        plotLines: [
-          {
-            value: 0,
-            width: 1,
-            color: "#808080"
-          }
-        ],
-        labels: {
-            style: {
-              color: "white"
-            }
-          }
-
-      },
-      tooltip: {
-        headerFormat: "<b>{series.name}</b><br/>",
-        pointFormat: "{point.x:%Y년%m월%d일 %H시%M분}<br/>의 풍속 : {point.y:.2f}m/s"
-      },
-      legend: {
-        //enabled: false
-        layout: "vertical",
-        align: "left",
-        verticalAlign: "top",
-        x: 100,
-        y: 50,
-        floating: true,
-        borderWidth: 1,
-        backgroundColor:
-          (Highcharts.theme && Highcharts.theme.legendBackgroundColor) ||
-          "#FFFFFF"
-      },
-      exporting: {
-        enabled: false
-      },
-      series: [
-          {
-            name: "풍속",
-            data: (function () {
-              var windArr = [],
-                time = new Date().getTime();
-              var length = <%=dataLen%>;
-              var i = -9;
-              var j = 0;
-              for (j; j < 10 - length; j++) {
-                windArr.push({
-                  x: time + i * 60000,
-                  y: 0
-                })
-                i++;
-              }
-
-              <% wsArr.forEach((wsArr) => {%>
-                var temp;
-                temp = <%=wsArr %>;
-
-                // for(j;j<10;j++)
-                // {
-                //   windArr.push({
-                //   x: time + i * 60000,
-                //   y: temp
-                // }) 
-                // i++;
-                // }
-
-                windArr.push({
-                  x: time + i * 60000,
-                  y: temp
-                })
-                i++;
-
-              <%}) %>
-
-              return windArr;
-            })(),
-
-            color: "#FFE08C"
-          }
-        ]    });
-
-    var chart4 = Highcharts.chart("container4", {
-      chart: {
-        type: "spline",
-        animation: Highcharts.svg, // don't animate in old IE
-        marginRight: 10,
-        // events: {
-        //   load: function () {
-        //     // set up the updating of the chart each second
-        //     var series = this.series[0];
-        //     setInterval(function () {
-        //       var x = new Date().getTime(), // 현재 시간
-        //         y = Math.random(); //
-        //       series.addPoint([x, y], true, true);
-        //     }, 3000); //1000=1초
-        //   }
-        // },
-        backgroundColor: "rgba(255, 255, 255, 0.0)"
-      },
-
-      time: {
-        useUTC: false
-      },
-
-      title: {
-        text: "강수량",
-        style: {
-          color: "#FFFFFF",
-          fontWeight: "bold",
-          fontFamily: 'Yeon Sung',
-          fontSize:'25px'
-        }
-      },
-      xAxis: {
-        type: "datetime",
-        tickPixelInterval: 150,
-        labels: {
-          style: {
-            color: "white"
-          }
-        }
-      },
-      yAxis: {
-        title: {
-          text: "Value",
-          style: {
-            color: "white"
-          }
-        },
-        plotLines: [
-          {
-            value: 0,
-            width: 1,
-            color: "#808080"
-          }
-        ],
-        labels: {
-            style: {
-              color: "white"
-            }
-          }
-
-      },
-      tooltip: {
-        headerFormat: "<b>{series.name}</b><br/>",
-        pointFormat: "{point.x:%Y년%m월%d일 %H시%M분}<br/>의 강수량 : {point.y:.2f}mm"
-      },
-      legend: {
-        //enabled: false
-        layout: "vertical",
-        align: "left",
-        verticalAlign: "top",
-        x: 100,
-        y: 50,
-        floating: true,
-        borderWidth: 1,
-        backgroundColor:
-          (Highcharts.theme && Highcharts.theme.legendBackgroundColor) ||
-          "#FFFFFF"
-      },
-      exporting: {
-        enabled: false
-      },
-      series: [
-          {
-            name: "강수량",
-            data: (function () {
-              var rainArr = [],
-                time = new Date().getTime();
-              var length = <%=dataLen%>;
-              var i = -9;
-              var j = 0;
-              for (j; j < 10 - length; j++) {
-                rainArr.push({
-                  x: time + i * 60000,
-                  y: 0
-                })
-                i++;
-              }
-
-              <% rainArr.forEach((rainArr) => {%>
-                var temp;
-                temp = <%=rainArr %>;
-
-                // for(j;j<10;j++)
-                // {
-                //   rainArr.push({
-                //   x: time + i * 60000,
-                //   y: temp
-                // }) 
-                // i++;
-                // }
-
-                rainArr.push({
-                  x: time + i * 60000,
-                  y: temp
-              
-                })
-                i++;
-
-              <%}) %>
-
-              return rainArr;
-            })(),
-            color: "#FFE08C"
-
-          }
-        ]
-
-
-    });
-  </script>
-  </div>
-
-</body>
-
-</html> -->
\ No newline at end of file

 <!-- <!DOCTYPE html>
 <html>
-
 <head>
   <!-- font -->
   <link href="https://fonts.googleapis.com/css?family=Nanum+Brush+Script&amp;subset=korean" rel="stylesheet" />
@@ -39,7 +38,7 @@
   <script src="modules/exporting.js"></script>
   <script src="modules/export-data.js"></script>
 
-  <img src="images/background.jpg" alt="" style="z-index:-1; min-width: 100%; min-height: 100%">
+  <img src="images/newbackground.png" alt="" style="z-index:-1; min-width: 100%; min-height: 100%">
 
   <div id="banner">
         <div id="container1" style="width:1260px; height: 400px; margin: 0 auto;"></div>

@@ -34,7 +34,7 @@
       margin: 0;
       padding: 0;
 
-            /* background-image: url('background.jpg');
+      /* background-image: url('newbackground.png');
       background-repeat: no-repeat;
       background-size: cover; */
       /* background: linear-gradient( to bottom, #fbc2eb, #a6c1ee ); */

@@ -21,7 +21,7 @@
 
       /* background: linear-gradient( to bottom, #65799B, rgb(38, 14, 41) ); */
       /* background-color:#65799B; */
-      /* background-image: url("2.jpg");
+      /* background-image: url("newbackground.png");
       background-repeat: no-repeat;
       background-size: cover; */
     }
@@ -38,7 +38,7 @@
   <script src="highcharts.js"></script>
   <script src="modules/exporting.js"></script>
   <script src="modules/export-data.js"></script>
-  <img src="images/background.jpg" alt="" style="z-index:-1; min-width: 100%; min-height: 100%">
+  <img src="images/newbackground.png" alt="" style="z-index:-1; min-width: 100%; min-height: 100%">
 
   <div id="banner">
     <div id="container1" style="width:1260px; height: 400px; margin: 0 auto"></div>