Toggle navigation
Toggle navigation
This project
Loading...
Sign in
오지민
/
HomePurchaseAgePrediction
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Snippets
Network
Create a new issue
Builds
Commits
Issue Boards
Authored by
서연진
2021-06-01 18:48:05 +0900
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Commit
6abff4fc8912d0401b7c94e87af07af2665d1b3d
6abff4fc
1 parent
ecc3d279
서버 오류 수정, js파일 생성
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
53 additions
and
55 deletions
kakao/kakaomap.html
public/js/next_page.js
server.js
kakao/kakaomap.html
View file @
6abff4f
...
...
@@ -9,59 +9,6 @@
type=
"text/javascript"
src=
"//dapi.kakao.com/v2/maps/sdk.js?appkey=17cbb7795b615d8f1f0595f972e26c0f&libraries=services,clusterer,drawing"
></script>
<script>
var
Container
=
document
.
getElementById
(
"map"
);
var
Option
=
{
center
:
new
kakao
.
maps
.
LatLng
(
33.450701
,
126.570667
),
level
:
5
,
};
var
map
=
new
kakao
.
maps
.
Map
(
Container
,
Option
);
resizeMap
();
relayout
();
function
resizeMap
()
{
var
Container
=
document
.
getElementById
(
"map"
);
Container
.
style
.
width
=
"600px"
;
Container
.
style
.
height
=
"500px"
;
}
function
relayout
()
{
map
.
relayout
();
}
if
(
navigator
.
geolocation
)
{
navigator
.
geolocation
.
getCurrentPosition
(
function
(
position
)
{
var
latitude
=
position
.
coords
.
latitude
,
longitude
=
position
.
coords
.
longitude
;
var
Position
=
new
kakao
.
maps
.
LatLng
(
latitude
,
longitude
);
displayMarker
(
Position
);
});
}
function
displayMarker
(
Position
)
{
var
marker
=
new
kakao
.
maps
.
Marker
({
map
:
map
,
position
:
Position
,
});
map
.
setCenter
(
Position
);
function
getParameterByName
(
name
,
url
=
window
.
location
.
href
)
{
name
=
name
.
replace
(
/
[\[\]]
/g
,
"\\$&"
);
var
regex
=
new
RegExp
(
"[?&]"
+
name
+
"(=([^&#]*)|&|#|$)"
),
results
=
regex
.
exec
(
url
);
if
(
!
results
)
return
null
;
if
(
!
results
[
2
])
return
""
;
return
decodeURIComponent
(
results
[
2
].
replace
(
/
\+
/g
,
" "
));
}
var
salary
=
getParameterByName
(
"salary"
);
var
expenditure
=
getParameterByName
(
"expenditure"
);
console
.
log
(
salary
);
var
year
=
"3"
;
var
div
=
document
.
createElement
(
"div"
);
div
.
innerText
=
`
${
salary
}
의 월급과
${
expenditure
}
의 지출을 유지하면 당신은
${
year
}
년 후에 아래의 집을 구매할 수 있습니다.`
;
document
.
body
.
prepend
(
div
);
}
</script>
<script
type=
"text/javascript"
src=
"../js/next_page.js"
></script>
</body>
</html>
...
...
public/js/next_page.js
0 → 100644
View file @
6abff4f
var
Container
=
document
.
getElementById
(
"map"
);
var
Option
=
{
center
:
new
kakao
.
maps
.
LatLng
(
33.450701
,
126.570667
),
level
:
5
,
};
var
map
=
new
kakao
.
maps
.
Map
(
Container
,
Option
);
resizeMap
();
relayout
();
function
resizeMap
()
{
var
Container
=
document
.
getElementById
(
"map"
);
Container
.
style
.
width
=
"600px"
;
Container
.
style
.
height
=
"500px"
;
}
function
relayout
()
{
map
.
relayout
();
}
if
(
navigator
.
geolocation
)
{
navigator
.
geolocation
.
getCurrentPosition
(
function
(
position
)
{
var
latitude
=
position
.
coords
.
latitude
,
longitude
=
position
.
coords
.
longitude
;
var
Position
=
new
kakao
.
maps
.
LatLng
(
latitude
,
longitude
);
displayMarker
(
Position
);
});
}
function
displayMarker
(
Position
)
{
var
marker
=
new
kakao
.
maps
.
Marker
({
map
:
map
,
position
:
Position
,
});
map
.
setCenter
(
Position
);
function
getParameterByName
(
name
,
url
=
window
.
location
.
href
)
{
name
=
name
.
replace
(
/
[\[\]]
/g
,
"\\$&"
);
var
regex
=
new
RegExp
(
"[?&]"
+
name
+
"(=([^&#]*)|&|#|$)"
),
results
=
regex
.
exec
(
url
);
if
(
!
results
)
return
null
;
if
(
!
results
[
2
])
return
""
;
return
decodeURIComponent
(
results
[
2
].
replace
(
/
\+
/g
,
" "
));
}
var
salary
=
getParameterByName
(
"salary"
);
var
expenditure
=
getParameterByName
(
"expenditure"
);
var
year
=
"3"
;
//값 받아오기 전 기본값으로 설정
var
div
=
document
.
createElement
(
"div"
);
div
.
innerText
=
`
${
salary
}
의 월급과
${
expenditure
}
의 지출을 유지하면 당신은
${
year
}
년 후에 아래의 집을 구매할 수 있습니다.`
;
document
.
body
.
prepend
(
div
);
}
server.js
View file @
6abff4f
...
...
@@ -15,6 +15,6 @@ app.get("/", function (req, res) {
res
.
sendFile
(
path
.
join
(
__dirname
+
"/main.html"
));
});
app
.
pos
t
(
"/geolocation"
,
function
(
req
,
res
)
{
app
.
ge
t
(
"/geolocation"
,
function
(
req
,
res
)
{
res
.
sendFile
(
path
.
join
(
__dirname
+
"/kakao/kakaomap.html"
));
});
...
...
Please
register
or
login
to post a comment