๋ณธ๋ฌธ์œผ๋กœ ๊ฑด๋„ˆ๋›ฐ๊ธฐ

200310

ยท ์•ฝ 3๋ถ„

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ#

  • ๋ณ€์ˆ˜ ํ‚ค์›Œ๋“œ 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๊ณผ ์—ฐ๋™ํ•œ ์šด์ „ ์Šต๊ด€ ๊ฐœ์„  ํ™•์žฅ ์•ฑ#

  1. pwa๋ฅผ ๋งŒ๋“ค๊ณ  ์˜์ƒ ์ดฌ์˜๊ณผ GPS ๋กœ๊ทธ๋ฅผ ๋ฐฑ๊ทธ๋ผ์šด๋“œ์—์„œ ์ง„ํ–‰ํ•˜๊ณ  Tmap์„ ์‹คํ–‰ํ•ด์„œ๊ฒฝ๋กœ๋ฅผ ์•ˆ๋‚ดํ•จ Tmap์—์„œ ์šดํ–‰ ์ข…๋ฃŒ๋ฅผ ํ•˜๋ฉด ์˜์ƒ ์ดฌ์˜, ๊ธฐ๋ก์„ ๋ฉˆ์ถค. GPS๋กœ๊ทธ์™€ ์˜์ƒ์„ ๋‹ด์•„ ์„œ๋ฒ„๋กœ ์ „์†กํ•จ.

    PWA์—์„œ ๋ฐฑ๊ทธ๋ผ์šด๋“œ ํ”„๋กœ์„ธ์‹ฑ์ด ์•ˆ๋˜๋Š” ํ•œ๊ณ„

  2. pwa๋ฅผ ๋งŒ๋“ค๊ณ  ๋ชฉ์ ์ง€๋ฅผ ์ž…๋ ฅ ํ›„ Tmap ์‹คํ–‰ (Tmap์€ ๋ธ”๋ž™๋ฐ•์Šค ์‚ฌ์šฉ์œผ๋กœ ์„ค์ •๋˜์–ด ์žˆ๋Š” ์ƒํƒœ) Tmap ์™„๋ฃŒ ํ›„ gps + ์˜์ƒ ์ถ”์ถœ.

    Tmap ์ฃผํ–‰ ํ›„ GPS ์ถ”์ถœ์ด ๊ฐ€๋Šฅํ•˜์ง€ ์•Š์œผ๋ฉด ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ PWA์—์„œ ๋ฐฑ๊ทธ๋ผ์šด๋“œ ํ”„๋กœ์„ธ์‹ฑ์ด ์•ˆ๋˜์„œ GPS ๋ฐ์ดํ„ฐ ๋งŒ๋“œ๋Š”๊ฒŒ ๋ถˆ๊ฐ€๋Šฅํ•  ๋“ฏ

  3. ์•ฑ์„ ๋งŒ๋“ค๊ณ  ๋ฐฑ๊ทธ๋ผ์šด๋“œ์—์„œ ์˜์ƒ ์ดฌ์˜, GPS ํŠธ๋ž™ํ•˜๋ฉด์„œ (๋ธ”๋ž™๋ฐ•์Šค ์—ญํ• ) Tmap์œผ๋กœ๊ฒฝ๋กœ ์•ˆ๋‚ด.

    ์‚ฌ์‹ค์ƒ ๋ธ”๋ž™๋ฐ•์Šค ์•ฑ?

    ๋‹ค๋ฅธ ์•ฑ๋“ค

์•ฑ ๋งŒ๋“ค๊ธฐ#

  • ionic

    ํ•œ๋ฒˆ ์‹œ๋„ํ•ด๋ณด๊ณ  ๊ตฌ๊ธ€๋ง ๊ฒฐ๊ณผ ๋‚ด์žฅ ์นด๋ฉ”๋ผ, ๋น„๋””์˜ค ๋ ˆ์ฝ”๋”ฉ ํ•˜๋Š” ํ™”๋ฉด์„ ๊ทธ๋ฆฌ๋Š” ๊ฒƒ๊นŒ์ง€ ํ•˜๊ธฐ์—” ์˜ˆ์ œ๋‚˜ ์ž๋ฃŒ๊ฐ€ ๋ถ€์กฑํ–ˆ์Œ.

  • React-Native

    ์ž๋ฃŒ๊ฐ€ ์กฐ๊ธˆ ๋” ๋งŽ์€ ํŽธ์ธ๋“ฏ

์–ด๋–ค ๊ฒƒ์œผ๋กœ ํ•ด์•ผํ•  ์ง€๋Š” ์กฐ๊ธˆ ๋” ๊ณต๋ถ€๋ฅผ ํ•˜๋ฉด์„œ ์ •ํ•˜๋Š” ๊ฒƒ์œผ๋กœ ํ•œ๋‹ค.

๊ทธ์™ธ ๋งŒ๋“ค๊ณ  ์‹ถ์€ ํ”„๋กœ์ ํŠธ๋“ค#

  • ์›นํŽ˜์ด์ง€ ๋ชจ๋“  ์†Œ์Šค ๋‹ค์šด๋กœ๋“œ ํˆด

  • ์ฝ๊ธฐ๋ชจ๋“œ ์ต์Šคํ…์…˜ (chrome)