sql 적용 카카오맵 마킹 테스트

송효섭
Commit 45d341fdfef4ea7043078f3e064faa9c63b7a0aa 45d341fd 1 parent 748405a7
Showing 7 changed files with 782 additions and 54 deletions
app.js
map_sql/map_sql.html
map_sql/study.js
package-lock.json
routes/database.js
routes/index.js
views/map_sql.html
--- a/app.js
View file @45d341f
+++ b/app.js
View file @45d341f
@@ -5,6 +5,7 @@ const app = express();
 //화면 별 router 연결, 라우터 호출해서 페이지를 불러오는데 사용함.
 var mainRouter = require('./routes') //호출시 main.js 실행 (main.js : title 할당하고 main.html 열어줌)
 var loginRouter = require('./routes/login')
+ var NearContentRouter = require('./routes/database')
 //디폴트 포트 값 : 8000 
 app.set('port', process.env.PORT || 8000);
 
@@ -16,15 +17,15 @@ app.engine('html', require('ejs').renderFile);
 //각각의 요청에서 router 호출해서 page를 전환함.
 app.use('/', mainRouter);
 app.use('/login', loginRouter);
- 
+ // app.use('/map', NearContentRouter);
 
 //css, image 등 정적 파일을 public에서 불러옴 -> html과 연결함 
 app.use(express.static(path.join(__dirname, 'public')));
 
 
- app.get('/logout', function (req, res) {
-     res.send("Logout success");
- });
+ // app.get('/logout', function (req, res) {
+ //     res.send("Logout success");
+ // });
 
 
 app.listen(app.get('port'), () => {
--- a/map_sql/map_sql.html
View file @45d341f
+++ b/map_sql/map_sql.html
View file @45d341f
 <!DOCTYPE html>
 <html>
+ 
 <head>
     <meta charset="utf-8">
     <title>geolocation으로 마커 표시하기</title>
 
 </head>
+ 
 <body>
- <p style="margin-top:-12px">
+     <p style="margin-top:-12px">
         <b>Chrome 브라우저는 https 환경에서만 geolocation을 지원합니다.</b> 참고해주세요.
- </p>
- <div id="map" style="width:500px;height:350px;"></div>
+     </p>
+     <div id="map" style="width:500px;height:350px;"></div>
 
- <script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=a3386042ab2e0550ea06d265855b452c">//kakao map api 주소 받아옴</script>
- <script>
- const near=require('study.js');
+     <script type="text/javascript"
+         src="//dapi.kakao.com/v2/maps/sdk.js?appkey=a3386042ab2e0550ea06d265855b452c">//kakao map api 주소 받아옴</script>
+     <script>
+         const near = require('study.js');
 
- var mapContainer = document.getElementById('map'), // 지도를 표시할 div 
+         var mapContainer = document.getElementById('map'), // 지도를 표시할 div 
             mapOption = {
                 center: new kakao.maps.LatLng(33.450701, 126.570667), // 지도의 중심좌표
                 level: 10 // 지도의 확대 레벨 
             };
 
- var map = new kakao.maps.Map(mapContainer, mapOption); // 지도를 생성합니다
+         var map = new kakao.maps.Map(mapContainer, mapOption); // 지도를 생성합니다
 
- // HTML5의 geolocation으로 사용할 수 있는지 확인합니다 
- if (navigator.geolocation) {
+         // HTML5의 geolocation으로 사용할 수 있는지 확인합니다 
+         if (navigator.geolocation) {
 
             // GeoLocation을 이용해서 접속 위치를 얻어옵니다
-     navigator.geolocation.getCurrentPosition(function(position) {
+             navigator.geolocation.getCurrentPosition(function (position) {
 
                 var lat = position.coords.latitude, // 위도
                     lon = position.coords.longitude; // 경도
@@ -38,30 +41,31 @@ if (navigator.geolocation) {
 
                 // 마커와 인포윈도우를 표시합니다
                 displayMarker(locPosition, message);
-    
             });
 
- } else { // HTML5의 GeoLocation을 사용할 수 없을때 마커 표시 위치와 인포윈도우 내용을 설정합니다
+         } else { // HTML5의 GeoLocation을 사용할 수 없을때 마커 표시 위치와 인포윈도우 내용을 설정합니다
 
             var locPosition = new kakao.maps.LatLng(33.450701, 126.570667),
                 message = 'geolocation을 사용할수 없어요..'
 
             displayMarker(locPosition, message);
- }
+         }
 
 
 
 
- displayShows();
- function displayShows(){
+         displayShows();
+         function displayShows() {
             var imageSrc = "https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/markerStar.png";
-     var near_list=near(lat,lon);
-     var positions=[];
-     for(var i =0;i<near_list.length;i++){
-         positions.push({title: id,
-                         lating: new kaka0.maps.Lating(near_list[i][1],near_list[i][2])})
+             var near_list = near(lat, lon);
+             var positions = [];
+             for (var i = 0; i < near_list.length; i++) {
+                 positions.push({
+                     title: id,
+                     lating: new kakao.maps.Lating(near_list[i][1], near_list[i][2])
+                 })
             }
- for (var i = 0; i < positions.length; i ++) {
+             for (var i = 0; i < positions.length; i++) {
 
                 // 마커 이미지의 이미지 크기 입니다
                 var imageSize = new kakao.maps.Size(24, 35);
@@ -73,13 +77,13 @@ for (var i = 0; i < positions.length; i ++) {
                 var marker = new kakao.maps.Marker({
                     map: map, // 마커를 표시할 지도
                     position: positions[i].latlng, // 마커를 표시할 위치
-         title : positions[i].title, // 마커의 타이틀, 마커에 마우스를 올리면 타이틀이 표시됩니다
-         image : markerImage // 마커 이미지 
+                     title: positions[i].title, // 마커의 타이틀, 마커에 마우스를 올리면 타이틀이 표시됩니다
+                     image: markerImage // 마커 이미지 
                 });
             }
- }
- // 지도에 마커와 인포윈도우를 표시하는 함수입니다
- function displayMarker(locPosition, message) {
+         }
+         // 지도에 마커와 인포윈도우를 표시하는 함수입니다
+         function displayMarker(locPosition, message) {
 
             // 마커를 생성합니다
             var marker = new kakao.maps.Marker({
@@ -92,8 +96,8 @@ function displayMarker(locPosition, message) {
 
             // 인포윈도우를 생성합니다
             var infowindow = new kakao.maps.InfoWindow({
-         content : iwContent,
-         removable : iwRemoveable
+                 content: iwContent,
+                 removable: iwRemoveable
             });
 
             // 인포윈도우를 마커위에 표시합니다 
@@ -101,7 +105,8 @@ function displayMarker(locPosition, message) {
 
             // 지도 중심좌표를 접속위치로 변경합니다
             map.setCenter(locPosition);
- }
- </script>
+         }
+     </script>
 </body>
+ 
 </html>
\ No newline at end of file
--- a/map_sql/study.js
View file @45d341f
+++ b/map_sql/study.js
View file @45d341f
 var mysql = require('mysql');
 
- module.exports={
-     nearShow: function(lat,lon){
-         var near_show_list=[];
+ module.exports = {
+     nearShow: function (lat, lon) {
+         var near_show_list = [];
         var connection = mysql.createConnection({
             "host": "culturegallery.cm2bwcuyukrm.us-east-1.rds.amazonaws.com",
-         "user":"root",
+             "user": "root",
             "password": "dldbwp1207",
             "port": "3306",
             "database": "showdata"
         });
 
         connection.connect();
-     var dataNum=0;
-     connection.query('SELECT COUNT (*) AS cnt FROM SHOW_DATA',function(error,results,field){
-         if(error){
+         var dataNum = 0;
+         connection.query('SELECT COUNT (*) AS cnt FROM SHOW_DATA', function (error, results, field) {
+             if (error) {
                 console.log(error);
             }
             console.log(results[0].cnt);
-         dataNum=results[0].cnt;
+             dataNum = results[0].cnt;
         });
 
-     connection.query('SELECT id,latitude,longitude FROM SHOW_DATA',function(error,results,field){
-         if(error){
+         connection.query('SELECT id,latitude,longitude FROM SHOW_DATA', function (error, results, field) {
+             if (error) {
                 console.log(error);
             }
-         console.log([lat,lon]);
-         for(var i=0;i<dataNum;i++){
-             var latgap=(lat-results[i].latitude)*110;
-             var longap=(lon-results[i].longitude)*91;
-             var cal=latgap*latgap+longap*longap;
-             if(cal<=1600){
+             console.log([lat, lon]);
+             for (var i = 0; i < dataNum; i++) {
+                 var latgap = (lat - results[i].latitude) * 110;
+                 var longap = (lon - results[i].longitude) * 91;
+                 var cal = latgap * latgap + longap * longap;
+ 
+                 //내 위치 반경 키로수 ^ 2만큼 cal 값 push  ->  content 위치 
+                 if (cal <= 1600) {
                     console.log(results[i].id);
-                 near_show_list.push([results[i].id,results[i].latitude,results[i].longitude]);
+                     near_show_list.push([results[i].id, results[i].latitude, results[i].longitude]);
                 }
             }
         });
--- a/package-lock.json
View file @45d341f
+++ b/package-lock.json
View file @45d341f
 {
   "name": "culturegallery",
   "version": "1.0.0",
-   "lockfileVersion": 1,
+   "lockfileVersion": 2,
   "requires": true,
+   "packages": {
+     "": {
+       "name": "culturegallery",
+       "version": "1.0.0",
+       "license": "MIT",
+       "dependencies": {
+         "ejs": "^3.1.5",
+         "express": "^4.17.1",
+         "mysql": "^2.18.1"
+       }
+     },
+     "node_modules/accepts": {
+       "version": "1.3.7",
+       "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.7.tgz",
+       "integrity": "sha512-Il80Qs2WjYlJIBNzNkK6KYqlVMTbZLXgHx2oT0pU/fjRHyEp+PEfEPY0R3WCwAGVOtauxh1hOxNgIf5bv7dQpA==",
+       "dependencies": {
+         "mime-types": "~2.1.24",
+         "negotiator": "0.6.2"
+       }
+     },
+     "node_modules/ansi-styles": {
+       "version": "3.2.1",
+       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+       "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+       "dependencies": {
+         "color-convert": "^1.9.0"
+       }
+     },
+     "node_modules/array-flatten": {
+       "version": "1.1.1",
+       "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+       "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI="
+     },
+     "node_modules/async": {
+       "version": "0.9.2",
+       "resolved": "https://registry.npmjs.org/async/-/async-0.9.2.tgz",
+       "integrity": "sha1-rqdNXmHB+JlhO/ZL2mbUx48v0X0="
+     },
+     "node_modules/balanced-match": {
+       "version": "1.0.0",
+       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
+       "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c="
+     },
+     "node_modules/bignumber.js": {
+       "version": "9.0.0",
+       "resolved": "https://registry.npmjs.org/bignumber.js/-/bignumber.js-9.0.0.tgz",
+       "integrity": "sha512-t/OYhhJ2SD+YGBQcjY8GzzDHEk9f3nerxjtfa6tlMXfe7frs/WozhvCNoGvpM0P3bNf3Gq5ZRMlGr5f3r4/N8A==",
+       "engines": {
+         "node": "*"
+       }
+     },
+     "node_modules/body-parser": {
+       "version": "1.19.0",
+       "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.19.0.tgz",
+       "integrity": "sha512-dhEPs72UPbDnAQJ9ZKMNTP6ptJaionhP5cBb541nXPlW60Jepo9RV/a4fX4XWW9CuFNK22krhrj1+rgzifNCsw==",
+       "dependencies": {
+         "bytes": "3.1.0",
+         "content-type": "~1.0.4",
+         "debug": "2.6.9",
+         "depd": "~1.1.2",
+         "http-errors": "1.7.2",
+         "iconv-lite": "0.4.24",
+         "on-finished": "~2.3.0",
+         "qs": "6.7.0",
+         "raw-body": "2.4.0",
+         "type-is": "~1.6.17"
+       }
+     },
+     "node_modules/brace-expansion": {
+       "version": "1.1.11",
+       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+       "dependencies": {
+         "balanced-match": "^1.0.0",
+         "concat-map": "0.0.1"
+       }
+     },
+     "node_modules/bytes": {
+       "version": "3.1.0",
+       "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.0.tgz",
+       "integrity": "sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg=="
+     },
+     "node_modules/chalk": {
+       "version": "2.4.2",
+       "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+       "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+       "dependencies": {
+         "ansi-styles": "^3.2.1",
+         "escape-string-regexp": "^1.0.5",
+         "supports-color": "^5.3.0"
+       }
+     },
+     "node_modules/color-convert": {
+       "version": "1.9.3",
+       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+       "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+       "dependencies": {
+         "color-name": "1.1.3"
+       }
+     },
+     "node_modules/color-name": {
+       "version": "1.1.3",
+       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+       "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU="
+     },
+     "node_modules/concat-map": {
+       "version": "0.0.1",
+       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+       "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s="
+     },
+     "node_modules/content-disposition": {
+       "version": "0.5.3",
+       "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.3.tgz",
+       "integrity": "sha512-ExO0774ikEObIAEV9kDo50o+79VCUdEB6n6lzKgGwupcVeRlhrj3qGAfwq8G6uBJjkqLrhT0qEYFcWng8z1z0g==",
+       "dependencies": {
+         "safe-buffer": "5.1.2"
+       }
+     },
+     "node_modules/content-type": {
+       "version": "1.0.4",
+       "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz",
+       "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA=="
+     },
+     "node_modules/cookie": {
+       "version": "0.4.0",
+       "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.0.tgz",
+       "integrity": "sha512-+Hp8fLp57wnUSt0tY0tHEXh4voZRDnoIrZPqlo3DPiI4y9lwg/jqx+1Om94/W6ZaPDOUbnjOt/99w66zk+l1Xg=="
+     },
+     "node_modules/cookie-signature": {
+       "version": "1.0.6",
+       "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
+       "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw="
+     },
+     "node_modules/core-util-is": {
+       "version": "1.0.2",
+       "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
+       "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac="
+     },
+     "node_modules/debug": {
+       "version": "2.6.9",
+       "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+       "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+       "dependencies": {
+         "ms": "2.0.0"
+       }
+     },
+     "node_modules/depd": {
+       "version": "1.1.2",
+       "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
+       "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak="
+     },
+     "node_modules/destroy": {
+       "version": "1.0.4",
+       "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz",
+       "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA="
+     },
+     "node_modules/ee-first": {
+       "version": "1.1.1",
+       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+       "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0="
+     },
+     "node_modules/ejs": {
+       "version": "3.1.5",
+       "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.5.tgz",
+       "integrity": "sha512-dldq3ZfFtgVTJMLjOe+/3sROTzALlL9E34V4/sDtUd/KlBSS0s6U1/+WPE1B4sj9CXHJpL1M6rhNJnc9Wbal9w==",
+       "dependencies": {
+         "jake": "^10.6.1"
+       }
+     },
+     "node_modules/encodeurl": {
+       "version": "1.0.2",
+       "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+       "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k="
+     },
+     "node_modules/escape-html": {
+       "version": "1.0.3",
+       "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+       "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg="
+     },
+     "node_modules/escape-string-regexp": {
+       "version": "1.0.5",
+       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+       "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ="
+     },
+     "node_modules/etag": {
+       "version": "1.8.1",
+       "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+       "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc="
+     },
+     "node_modules/express": {
+       "version": "4.17.1",
+       "resolved": "https://registry.npmjs.org/express/-/express-4.17.1.tgz",
+       "integrity": "sha512-mHJ9O79RqluphRrcw2X/GTh3k9tVv8YcoyY4Kkh4WDMUYKRZUq0h1o0w2rrrxBqM7VoeUVqgb27xlEMXTnYt4g==",
+       "dependencies": {
+         "accepts": "~1.3.7",
+         "array-flatten": "1.1.1",
+         "body-parser": "1.19.0",
+         "content-disposition": "0.5.3",
+         "content-type": "~1.0.4",
+         "cookie": "0.4.0",
+         "cookie-signature": "1.0.6",
+         "debug": "2.6.9",
+         "depd": "~1.1.2",
+         "encodeurl": "~1.0.2",
+         "escape-html": "~1.0.3",
+         "etag": "~1.8.1",
+         "finalhandler": "~1.1.2",
+         "fresh": "0.5.2",
+         "merge-descriptors": "1.0.1",
+         "methods": "~1.1.2",
+         "on-finished": "~2.3.0",
+         "parseurl": "~1.3.3",
+         "path-to-regexp": "0.1.7",
+         "proxy-addr": "~2.0.5",
+         "qs": "6.7.0",
+         "range-parser": "~1.2.1",
+         "safe-buffer": "5.1.2",
+         "send": "0.17.1",
+         "serve-static": "1.14.1",
+         "setprototypeof": "1.1.1",
+         "statuses": "~1.5.0",
+         "type-is": "~1.6.18",
+         "utils-merge": "1.0.1",
+         "vary": "~1.1.2"
+       }
+     },
+     "node_modules/filelist": {
+       "version": "1.0.1",
+       "resolved": "https://registry.npmjs.org/filelist/-/filelist-1.0.1.tgz",
+       "integrity": "sha512-8zSK6Nu0DQIC08mUC46sWGXi+q3GGpKydAG36k+JDba6VRpkevvOWUW5a/PhShij4+vHT9M+ghgG7eM+a9JDUQ==",
+       "dependencies": {
+         "minimatch": "^3.0.4"
+       }
+     },
+     "node_modules/finalhandler": {
+       "version": "1.1.2",
+       "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz",
+       "integrity": "sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==",
+       "dependencies": {
+         "debug": "2.6.9",
+         "encodeurl": "~1.0.2",
+         "escape-html": "~1.0.3",
+         "on-finished": "~2.3.0",
+         "parseurl": "~1.3.3",
+         "statuses": "~1.5.0",
+         "unpipe": "~1.0.0"
+       }
+     },
+     "node_modules/forwarded": {
+       "version": "0.1.2",
+       "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.1.2.tgz",
+       "integrity": "sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ="
+     },
+     "node_modules/fresh": {
+       "version": "0.5.2",
+       "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+       "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac="
+     },
+     "node_modules/has-flag": {
+       "version": "3.0.0",
+       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+       "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0="
+     },
+     "node_modules/http-errors": {
+       "version": "1.7.2",
+       "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.7.2.tgz",
+       "integrity": "sha512-uUQBt3H/cSIVfch6i1EuPNy/YsRSOUBXTVfZ+yR7Zjez3qjBz6i9+i4zjNaoqcoFVI4lQJ5plg63TvGfRSDCRg==",
+       "dependencies": {
+         "depd": "~1.1.2",
+         "inherits": "2.0.3",
+         "setprototypeof": "1.1.1",
+         "statuses": ">= 1.5.0 < 2",
+         "toidentifier": "1.0.0"
+       }
+     },
+     "node_modules/iconv-lite": {
+       "version": "0.4.24",
+       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+       "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+       "dependencies": {
+         "safer-buffer": ">= 2.1.2 < 3"
+       }
+     },
+     "node_modules/inherits": {
+       "version": "2.0.3",
+       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+       "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4="
+     },
+     "node_modules/ipaddr.js": {
+       "version": "1.9.1",
+       "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+       "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g=="
+     },
+     "node_modules/isarray": {
+       "version": "1.0.0",
+       "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+       "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE="
+     },
+     "node_modules/jake": {
+       "version": "10.8.2",
+       "resolved": "https://registry.npmjs.org/jake/-/jake-10.8.2.tgz",
+       "integrity": "sha512-eLpKyrfG3mzvGE2Du8VoPbeSkRry093+tyNjdYaBbJS9v17knImYGNXQCUV0gLxQtF82m3E8iRb/wdSQZLoq7A==",
+       "dependencies": {
+         "async": "0.9.x",
+         "chalk": "^2.4.2",
+         "filelist": "^1.0.1",
+         "minimatch": "^3.0.4"
+       }
+     },
+     "node_modules/media-typer": {
+       "version": "0.3.0",
+       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+       "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g="
+     },
+     "node_modules/merge-descriptors": {
+       "version": "1.0.1",
+       "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
+       "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E="
+     },
+     "node_modules/methods": {
+       "version": "1.1.2",
+       "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+       "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4="
+     },
+     "node_modules/mime": {
+       "version": "1.6.0",
+       "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+       "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg=="
+     },
+     "node_modules/mime-db": {
+       "version": "1.44.0",
+       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.44.0.tgz",
+       "integrity": "sha512-/NOTfLrsPBVeH7YtFPgsVWveuL+4SjjYxaQ1xtM1KMFj7HdxlBlxeyNLzhyJVx7r4rZGJAZ/6lkKCitSc/Nmpg=="
+     },
+     "node_modules/mime-types": {
+       "version": "2.1.27",
+       "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.27.tgz",
+       "integrity": "sha512-JIhqnCasI9yD+SsmkquHBxTSEuZdQX5BuQnS2Vc7puQQQ+8yiP5AY5uWhpdv4YL4VM5c6iliiYWPgJ/nJQLp7w==",
+       "dependencies": {
+         "mime-db": "1.44.0"
+       }
+     },
+     "node_modules/minimatch": {
+       "version": "3.0.4",
+       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
+       "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
+       "dependencies": {
+         "brace-expansion": "^1.1.7"
+       }
+     },
+     "node_modules/ms": {
+       "version": "2.0.0",
+       "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+       "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
+     },
+     "node_modules/mysql": {
+       "version": "2.18.1",
+       "resolved": "https://registry.npmjs.org/mysql/-/mysql-2.18.1.tgz",
+       "integrity": "sha512-Bca+gk2YWmqp2Uf6k5NFEurwY/0td0cpebAucFpY/3jhrwrVGuxU2uQFCHjU19SJfje0yQvi+rVWdq78hR5lig==",
+       "dependencies": {
+         "bignumber.js": "9.0.0",
+         "readable-stream": "2.3.7",
+         "safe-buffer": "5.1.2",
+         "sqlstring": "2.3.1"
+       },
+       "engines": {
+         "node": ">= 0.6"
+       }
+     },
+     "node_modules/negotiator": {
+       "version": "0.6.2",
+       "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.2.tgz",
+       "integrity": "sha512-hZXc7K2e+PgeI1eDBe/10Ard4ekbfrrqG8Ep+8Jmf4JID2bNg7NvCPOZN+kfF574pFQI7mum2AUqDidoKqcTOw=="
+     },
+     "node_modules/on-finished": {
+       "version": "2.3.0",
+       "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
+       "integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=",
+       "dependencies": {
+         "ee-first": "1.1.1"
+       }
+     },
+     "node_modules/parseurl": {
+       "version": "1.3.3",
+       "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+       "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ=="
+     },
+     "node_modules/path-to-regexp": {
+       "version": "0.1.7",
+       "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
+       "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w="
+     },
+     "node_modules/process-nextick-args": {
+       "version": "2.0.1",
+       "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+       "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="
+     },
+     "node_modules/proxy-addr": {
+       "version": "2.0.6",
+       "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.6.tgz",
+       "integrity": "sha512-dh/frvCBVmSsDYzw6n926jv974gddhkFPfiN8hPOi30Wax25QZyZEGveluCgliBnqmuM+UJmBErbAUFIoDbjOw==",
+       "dependencies": {
+         "forwarded": "~0.1.2",
+         "ipaddr.js": "1.9.1"
+       }
+     },
+     "node_modules/qs": {
+       "version": "6.7.0",
+       "resolved": "https://registry.npmjs.org/qs/-/qs-6.7.0.tgz",
+       "integrity": "sha512-VCdBRNFTX1fyE7Nb6FYoURo/SPe62QCaAyzJvUjwRaIsc+NePBEniHlvxFmmX56+HZphIGtV0XeCirBtpDrTyQ=="
+     },
+     "node_modules/range-parser": {
+       "version": "1.2.1",
+       "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+       "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg=="
+     },
+     "node_modules/raw-body": {
+       "version": "2.4.0",
+       "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.4.0.tgz",
+       "integrity": "sha512-4Oz8DUIwdvoa5qMJelxipzi/iJIi40O5cGV1wNYp5hvZP8ZN0T+jiNkL0QepXs+EsQ9XJ8ipEDoiH70ySUJP3Q==",
+       "dependencies": {
+         "bytes": "3.1.0",
+         "http-errors": "1.7.2",
+         "iconv-lite": "0.4.24",
+         "unpipe": "1.0.0"
+       }
+     },
+     "node_modules/readable-stream": {
+       "version": "2.3.7",
+       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+       "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+       "dependencies": {
+         "core-util-is": "~1.0.0",
+         "inherits": "~2.0.3",
+         "isarray": "~1.0.0",
+         "process-nextick-args": "~2.0.0",
+         "safe-buffer": "~5.1.1",
+         "string_decoder": "~1.1.1",
+         "util-deprecate": "~1.0.1"
+       }
+     },
+     "node_modules/safe-buffer": {
+       "version": "5.1.2",
+       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+       "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
+     },
+     "node_modules/safer-buffer": {
+       "version": "2.1.2",
+       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
+     },
+     "node_modules/send": {
+       "version": "0.17.1",
+       "resolved": "https://registry.npmjs.org/send/-/send-0.17.1.tgz",
+       "integrity": "sha512-BsVKsiGcQMFwT8UxypobUKyv7irCNRHk1T0G680vk88yf6LBByGcZJOTJCrTP2xVN6yI+XjPJcNuE3V4fT9sAg==",
+       "dependencies": {
+         "debug": "2.6.9",
+         "depd": "~1.1.2",
+         "destroy": "~1.0.4",
+         "encodeurl": "~1.0.2",
+         "escape-html": "~1.0.3",
+         "etag": "~1.8.1",
+         "fresh": "0.5.2",
+         "http-errors": "~1.7.2",
+         "mime": "1.6.0",
+         "ms": "2.1.1",
+         "on-finished": "~2.3.0",
+         "range-parser": "~1.2.1",
+         "statuses": "~1.5.0"
+       }
+     },
+     "node_modules/send/node_modules/ms": {
+       "version": "2.1.1",
+       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz",
+       "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg=="
+     },
+     "node_modules/serve-static": {
+       "version": "1.14.1",
+       "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.14.1.tgz",
+       "integrity": "sha512-JMrvUwE54emCYWlTI+hGrGv5I8dEwmco/00EvkzIIsR7MqrHonbD9pO2MOfFnpFntl7ecpZs+3mW+XbQZu9QCg==",
+       "dependencies": {
+         "encodeurl": "~1.0.2",
+         "escape-html": "~1.0.3",
+         "parseurl": "~1.3.3",
+         "send": "0.17.1"
+       }
+     },
+     "node_modules/setprototypeof": {
+       "version": "1.1.1",
+       "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.1.tgz",
+       "integrity": "sha512-JvdAWfbXeIGaZ9cILp38HntZSFSo3mWg6xGcJJsd+d4aRMOqauag1C63dJfDw7OaMYwEbHMOxEZ1lqVRYP2OAw=="
+     },
+     "node_modules/sqlstring": {
+       "version": "2.3.1",
+       "resolved": "https://registry.npmjs.org/sqlstring/-/sqlstring-2.3.1.tgz",
+       "integrity": "sha1-R1OT/56RR5rqYtyvDKPRSYOn+0A=",
+       "engines": {
+         "node": ">= 0.6"
+       }
+     },
+     "node_modules/statuses": {
+       "version": "1.5.0",
+       "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+       "integrity": "sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow="
+     },
+     "node_modules/string_decoder": {
+       "version": "1.1.1",
+       "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+       "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+       "dependencies": {
+         "safe-buffer": "~5.1.0"
+       }
+     },
+     "node_modules/supports-color": {
+       "version": "5.5.0",
+       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+       "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+       "dependencies": {
+         "has-flag": "^3.0.0"
+       }
+     },
+     "node_modules/toidentifier": {
+       "version": "1.0.0",
+       "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.0.tgz",
+       "integrity": "sha512-yaOH/Pk/VEhBWWTlhI+qXxDFXlejDGcQipMlyxda9nthulaxLZUNcUqFxokp0vcYnvteJln5FNQDRrxj3YcbVw=="
+     },
+     "node_modules/type-is": {
+       "version": "1.6.18",
+       "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+       "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+       "dependencies": {
+         "media-typer": "0.3.0",
+         "mime-types": "~2.1.24"
+       }
+     },
+     "node_modules/unpipe": {
+       "version": "1.0.0",
+       "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+       "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw="
+     },
+     "node_modules/util-deprecate": {
+       "version": "1.0.2",
+       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+       "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8="
+     },
+     "node_modules/utils-merge": {
+       "version": "1.0.1",
+       "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+       "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM="
+     },
+     "node_modules/vary": {
+       "version": "1.1.2",
+       "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+       "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw="
+     }
+   },
   "dependencies": {
     "accepts": {
       "version": "1.3.7",
--- a/routes/database.js 0 → 100644
View file @45d341f
+++ b/routes/database.js 0 → 100644
View file @45d341f
+ var mysql = require('mysql');
+ 
+ module.exports = {
+     init: function (lat, lon) {
+         var near_show_list = [];
+         var connection = mysql.createConnection({
+             "host": "culturegallery.cm2bwcuyukrm.us-east-1.rds.amazonaws.com",
+             "user": "root",
+             "password": "dldbwp1207",
+             "port": "3306",
+             "database": "showdata"
+         });
+ 
+         connection.connect();
+         var dataNum = 0;
+         connection.query('SELECT COUNT (*) AS cnt FROM SHOW_DATA', function (error, results, field) {
+             if (error) {
+                 console.log(error);
+             }
+             console.log(results[0].cnt);
+             dataNum = results[0].cnt;
+         });
+ 
+         connection.query('SELECT id,latitude,longitude FROM SHOW_DATA', function (error, results, field) {
+             if (error) {
+                 console.log(error);
+             }
+             console.log([lat, lon]);
+             for (var i = 0; i < dataNum; i++) {
+                 var latgap = (lat - results[i].latitude) * 110;
+                 var longap = (lon - results[i].longitude) * 91;
+                 var cal = latgap * latgap + longap * longap;
+ 
+                 //내 위치 반경 키로수 ^ 2만큼 cal 값 push  ->  content 위치 
+                 if (cal <= 1600) {
+                     console.log(results[i].id);
+                     near_show_list.push([results[i].id, results[i].latitude, results[i].longitude]);
+                 }
+             }
+         });
+ 
+         connection.end();
+         // return near_show_list;
+     }
+ }
--- a/routes/index.js
View file @45d341f
+++ b/routes/index.js
View file @45d341f
@@ -9,7 +9,14 @@ router.get('/', function (req, res, next) {
 
 /* GET home page. */
 router.get('/login', function (req, res, next) {
-   res.render('login.html', { title: 'Login1' });
+   res.render('login.html', { title: 'Login' });
   console.log('로그인 페이지 접속 성공');
 });
+ 
+ /* GET home page. */
+ router.get('/map', function (req, res, next) {
+   res.render('map_sql.html');
+   console.log('현위치 기반 content 마킹 성공');
+ });
+ 
 module.exports = router;
\ No newline at end of file
--- a/views/map_sql.html 0 → 100644
View file @45d341f
+++ b/views/map_sql.html 0 → 100644
View file @45d341f
+ <!DOCTYPE html>
+ <html>
+ 
+ <head>
+     <meta charset="utf-8">
+     <title>geolocation으로 마커 표시하기</title>
+ 
+ </head>
+ 
+ <body>
+     <p style="margin-top:-12px">
+         <b>Chrome 브라우저는 https 환경에서만 geolocation을 지원합니다.</b> 참고해주세요.
+     </p>
+     <div id="map" style="width:500px;height:350px;"></div>
+ 
+     <script type="text/javascript"
+         src="//dapi.kakao.com/v2/maps/sdk.js?appkey=a3386042ab2e0550ea06d265855b452c">//kakao map api 주소 받아옴</script>
+     <script>
+         const near = require('database.js');
+ 
+         var mapContainer = document.getElementById('map'), // 지도를 표시할 div 
+             mapOption = {
+                 center: new kakao.maps.LatLng(33.450701, 126.570667), // 지도의 중심좌표
+                 level: 10 // 지도의 확대 레벨 
+             };
+ 
+         var map = new kakao.maps.Map(mapContainer, mapOption); // 지도를 생성합니다
+ 
+         // HTML5의 geolocation으로 사용할 수 있는지 확인합니다 
+         if (navigator.geolocation) {
+ 
+             // GeoLocation을 이용해서 접속 위치를 얻어옵니다
+             navigator.geolocation.getCurrentPosition(function (position) {
+ 
+                 var lat = position.coords.latitude, // 위도
+                     lon = position.coords.longitude; // 경도
+                 console.log(lat);
+                 console.log(lon);
+                 var locPosition = new kakao.maps.LatLng(lat, lon), // 마커가 표시될 위치를 geolocation으로 얻어온 좌표로 생성합니다
+                     message = '<div style="padding:5px;">여기에 계신가요?!</div>'; // 인포윈도우에 표시될 내용입니다
+ 
+                 // 마커와 인포윈도우를 표시합니다
+                 displayMarker(locPosition, message);
+             });
+ 
+         } else { // HTML5의 GeoLocation을 사용할 수 없을때 마커 표시 위치와 인포윈도우 내용을 설정합니다
+ 
+             var locPosition = new kakao.maps.LatLng(33.450701, 126.570667),
+                 message = 'geolocation을 사용할수 없어요..'
+ 
+             displayMarker(locPosition, message);
+         }
+ 
+ 
+ 
+ 
+         displayShows();
+         function displayShows() {
+             var imageSrc = "https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/markerStar.png";
+             var near_list = near(lat, lon);
+             var positions = [];
+             for (var i = 0; i < near_list.length; i++) {
+                 positions.push({
+                     title: id,
+                     lating: new kakao.maps.Lating(near_list[i][1], near_list[i][2])
+                 })
+             }
+             for (var i = 0; i < positions.length; i++) {
+ 
+                 // 마커 이미지의 이미지 크기 입니다
+                 var imageSize = new kakao.maps.Size(24, 35);
+ 
+                 // 마커 이미지를 생성합니다    
+                 var markerImage = new kakao.maps.MarkerImage(imageSrc, imageSize);
+ 
+                 // 마커를 생성합니다
+                 var marker = new kakao.maps.Marker({
+                     map: map, // 마커를 표시할 지도
+                     position: positions[i].latlng, // 마커를 표시할 위치
+                     title: positions[i].title, // 마커의 타이틀, 마커에 마우스를 올리면 타이틀이 표시됩니다
+                     image: markerImage // 마커 이미지 
+                 });
+             }
+         }
+         // 지도에 마커와 인포윈도우를 표시하는 함수입니다
+         function displayMarker(locPosition, message) {
+ 
+             // 마커를 생성합니다
+             var marker = new kakao.maps.Marker({
+                 map: map,
+                 position: locPosition
+             });
+ 
+             var iwContent = message, // 인포윈도우에 표시할 내용
+                 iwRemoveable = true;
+ 
+             // 인포윈도우를 생성합니다
+             var infowindow = new kakao.maps.InfoWindow({
+                 content: iwContent,
+                 removable: iwRemoveable
+             });
+ 
+             // 인포윈도우를 마커위에 표시합니다 
+             infowindow.open(map, marker);
+ 
+             // 지도 중심좌표를 접속위치로 변경합니다
+             map.setCenter(locPosition);
+         }
+     </script>
+ </body>
+ 
+ </html>
\ No newline at end of file