Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
students
butter-studio
Commits
fe61b33a
Commit
fe61b33a
authored
Jul 07, 2021
by
Kim, Subin
Browse files
adress -> address
parent
70fedfd4
Changes
2
Hide whitespace changes
Inline
Side-by-side
client/src/components/Admin/CinemaEdit.js
View file @
fe61b33a
...
...
@@ -3,7 +3,7 @@ import KakaoMap from "../KakaoMap";
import
styles
from
"
./admin.module.scss
"
;
const
CinemaEdit
=
()
=>
{
const
[
cinemaInfo
,
setCinemaInfo
]
=
useState
({
cinema
:
""
,
transportation
:
""
,
parking
:
""
,
adress
:
""
})
const
[
cinemaInfo
,
setCinemaInfo
]
=
useState
({
cinema
:
""
,
transportation
:
""
,
parking
:
""
,
ad
d
ress
:
""
})
const
[
search
,
setSearch
]
=
useState
(
""
)
function
handleChange
(
e
)
{
...
...
@@ -24,14 +24,14 @@ const CinemaEdit = () => {
<
label
for
=
"
parking
"
className
=
"
form-label
"
>
자가용
/
주차안내
<
/label
>
<
textarea
className
=
{
`form-control
${
styles
.
shadowNone
}
${
styles
.
textarea
}
`
}
rows
=
"
7
"
id
=
"
parking
"
name
=
"
parking
"
onChange
=
{
handleChange
}
><
/textarea
>
<
/div
>
<
label
for
=
"
adress
"
className
=
"
form-label
"
>
지도보기
<
/label
>
<
label
for
=
"
ad
d
ress
"
className
=
"
form-label
"
>
지도보기
<
/label
>
<
div
className
=
"
input-group mb-3
"
>
<
span
className
=
"
input-group-text
"
id
=
"
currentMap
"
><
i
className
=
"
bi bi-geo-alt-fill
"
><
/i></
span
>
<
input
type
=
"
text
"
className
=
{
`form-control
${
styles
.
shadowNone
}
`
}
id
=
"
adress
"
name
=
"
adress
"
aria
-
label
=
"
map
"
aria
-
describedby
=
"
currentMap
"
onChange
=
{
handleChange
}
/
>
<
button
className
=
"
btn btn-dark
"
type
=
"
button
"
id
=
"
currentMap
"
onClick
=
{()
=>
setSearch
(
cinemaInfo
.
adress
)}
><
i
className
=
"
bi bi-search
"
><
/i></
button
>
<
input
type
=
"
text
"
className
=
{
`form-control
${
styles
.
shadowNone
}
`
}
id
=
"
ad
d
ress
"
name
=
"
ad
d
ress
"
aria
-
label
=
"
map
"
aria
-
describedby
=
"
currentMap
"
onChange
=
{
handleChange
}
/
>
<
button
className
=
"
btn btn-dark
"
type
=
"
button
"
id
=
"
currentMap
"
onClick
=
{()
=>
setSearch
(
cinemaInfo
.
ad
d
ress
)}
><
i
className
=
"
bi bi-search
"
><
/i></
button
>
<
/div
>
<
div
className
=
"
d-flex justify-content-center mb-5
"
>
<
KakaoMap
adress
=
{
search
}
/
>
<
KakaoMap
ad
d
ress
=
{
search
}
/
>
<
/div
>
<
/
>
)
...
...
client/src/components/KakaoMap.js
View file @
fe61b33a
...
...
@@ -2,7 +2,7 @@ import { useEffect, useRef } from "react";
const
{
kakao
}
=
window
;
const
KakaoMap
=
({
adress
})
=>
{
const
KakaoMap
=
({
ad
d
ress
})
=>
{
const
kakaoMapDiv
=
useRef
(
null
)
useEffect
(()
=>
{
...
...
@@ -14,7 +14,7 @@ const KakaoMap = ({ adress }) => {
const
map
=
new
kakao
.
maps
.
Map
(
container
,
options
);
const
geocoder
=
new
kakao
.
maps
.
services
.
Geocoder
();
geocoder
.
addressSearch
(
`
${
adress
}
`
,
function
(
result
,
status
)
{
geocoder
.
addressSearch
(
`
${
ad
d
ress
}
`
,
function
(
result
,
status
)
{
if
(
status
===
kakao
.
maps
.
services
.
Status
.
OK
)
{
const
coords
=
new
kakao
.
maps
.
LatLng
(
result
[
0
].
y
,
result
[
0
].
x
);
const
marker
=
new
kakao
.
maps
.
Marker
({
...
...
@@ -22,11 +22,11 @@ const KakaoMap = ({ adress }) => {
position
:
coords
});
map
.
setCenter
(
coords
);
}
else
if
(
adress
!=
''
)
{
}
else
if
(
ad
d
ress
!=
''
)
{
alert
(
"
찾을 수 없는 주소입니다. 다시 입력해주세요.
"
)
}
});
},
[
adress
])
},
[
ad
d
ress
])
return
(
<
div
ref
=
{
kakaoMapDiv
}
style
=
{{
width
:
"
500px
"
,
height
:
"
400px
"
}}
><
/div
>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment