#
์๋ฐ์คํฌ๋ฆฝํธ๋ณ์ ํค์๋
var
์๋ต ๊ฐ๋ฅ?
#
๋ฏธ๋์ดํ๋ก์ ํธ#
์๋ฃ ์กฐ์ฌ - Tmap + ๋ธ๋๋ฐ์ค ์ฐ๋
- ์์ ๋ฐ์ดํฐ์ ์๊ฐ ์ ๋ณด๋ ์ ๋ด๊น
- `mdls [ํ์ผ๋ช
]` (๋ฉํ๋ฐ์ดํฐ ๋ณด๋ ๋ช
๋ น์ด)
- (๋ฒ์ธ) Tmap ๋ธ๋๋ฐ์ค๋ ์์์ ๋ ์ง ์๊ฐ์ด ํ์ ์๋จ โ ์ฌ๊ณ ์ ๋ฒ์ ํจ๋ ฅ X
- Tmap API ๊ณต๋ถ - ๐ [http://tmapapi.sktelecom.com/main.html](http://tmapapi.sktelecom.com/main.html)
> ์นํ์ด์ง ๋ณด๊ธฐ๊ฐ ๋ถํธํ๋ ์๋ ์ฝ๋๋ก ์์
```html <div id="side_wrap" class="ui-resizable" style="height: 768px; width: 0px;"> ```
![2020-03-09-200310-image-0](./images/2020-03-09-200310-image-0.png)
<br />
#
ํ์ํ ๊ธฐ์#
Tmap๊ณผ ์ฐ๋ํ ์ด์ ์ต๊ด ๊ฐ์ ํ์ฅ ์ฑpwa๋ฅผ ๋ง๋ค๊ณ ์์ ์ดฌ์๊ณผ GPS ๋ก๊ทธ๋ฅผ ๋ฐฑ๊ทธ๋ผ์ด๋์์ ์งํํ๊ณ Tmap์ ์คํํด์๊ฒฝ๋ก๋ฅผ ์๋ดํจ Tmap์์ ์ดํ ์ข ๋ฃ๋ฅผ ํ๋ฉด ์์ ์ดฌ์, ๊ธฐ๋ก์ ๋ฉ์ถค. GPS๋ก๊ทธ์ ์์์ ๋ด์ ์๋ฒ๋ก ์ ์กํจ.
PWA์์ ๋ฐฑ๊ทธ๋ผ์ด๋ ํ๋ก์ธ์ฑ์ด ์๋๋ ํ๊ณ
pwa๋ฅผ ๋ง๋ค๊ณ ๋ชฉ์ ์ง๋ฅผ ์ ๋ ฅ ํ Tmap ์คํ (Tmap์ ๋ธ๋๋ฐ์ค ์ฌ์ฉ์ผ๋ก ์ค์ ๋์ด ์๋ ์ํ) Tmap ์๋ฃ ํ gps + ์์ ์ถ์ถ.
Tmap ์ฃผํ ํ GPS ์ถ์ถ์ด ๊ฐ๋ฅํ์ง ์์ผ๋ฉด ๋ง์ฐฌ๊ฐ์ง๋ก PWA์์ ๋ฐฑ๊ทธ๋ผ์ด๋ ํ๋ก์ธ์ฑ์ด ์๋์ GPS ๋ฐ์ดํฐ ๋ง๋๋๊ฒ ๋ถ๊ฐ๋ฅํ ๋ฏ
์ฑ์ ๋ง๋ค๊ณ ๋ฐฑ๊ทธ๋ผ์ด๋์์ ์์ ์ดฌ์, GPS ํธ๋ํ๋ฉด์ (๋ธ๋๋ฐ์ค ์ญํ ) Tmap์ผ๋ก๊ฒฝ๋ก ์๋ด.
์ฌ์ค์ ๋ธ๋๋ฐ์ค ์ฑ?
๋ค๋ฅธ ์ฑ๋ค
#
์ฑ ๋ง๋ค๊ธฐionic
ํ๋ฒ ์๋ํด๋ณด๊ณ ๊ตฌ๊ธ๋ง ๊ฒฐ๊ณผ ๋ด์ฅ ์นด๋ฉ๋ผ, ๋น๋์ค ๋ ์ฝ๋ฉ ํ๋ ํ๋ฉด์ ๊ทธ๋ฆฌ๋ ๊ฒ๊น์ง ํ๊ธฐ์ ์์ ๋ ์๋ฃ๊ฐ ๋ถ์กฑํ์.
React-Native
์๋ฃ๊ฐ ์กฐ๊ธ ๋ ๋ง์ ํธ์ธ๋ฏ
์ด๋ค ๊ฒ์ผ๋ก ํด์ผํ ์ง๋ ์กฐ๊ธ ๋ ๊ณต๋ถ๋ฅผ ํ๋ฉด์ ์ ํ๋ ๊ฒ์ผ๋ก ํ๋ค.
#
๊ทธ์ธ ๋ง๋ค๊ณ ์ถ์ ํ๋ก์ ํธ๋ค์นํ์ด์ง ๋ชจ๋ ์์ค ๋ค์ด๋ก๋ ํด
์ฝ๊ธฐ๋ชจ๋ ์ต์คํ ์ (chrome)