ionic์ ๋ํ ๊ฐ๋ฐ ๊ฒฝํ์ด ์๋ ๊ฐ๋ฐ์ ๋ฟ๋ง์๋๋ผ ์ ์ฒด์ ์ธ ionic project์ ๊ตฌ์ฑ ๋ฐ ๊ฐ๋ฐ ๋ฐฉ๋ฒ๋ฑ์ ๋ํ ์ ๋ฐ์ ์ธ ์ ๋ณด๋ฅผ ์ ๊ณตํ๋ฏ๋ก ionic ๊ฐ๋ฐ ๊ฒฝํ์ด ์๋ ์ด๋ณด์๋ค์๊ฒ๋ ๋ง์ ๋์์ด ๋๋ ionic3 ๊ฐ์ข์ ๋๋ค.
Ionic 3 ํ๋ก์ ํธ ํ๊ฒฝ ์ค์
Google Map API ์ค์ ๋ฐ ํ์ฉ
์ง๋์ ์ปค์คํ ๋ง์ปค ํ์
ionic3 ์ google์์ ์ ๊ณตํ๋ map api๋ฅผ ์ฌ์ฉํฉ๋๋ค. app์ ๊ตฌ์ฑํ๋ ๊ฐ๋ณ์ ์ธ ๋ถ๋ถ๋ค(component,module,function)์ ๋ํ ์ค๋ช ๋ณด๋ค๋ app ๊ฐ๋ฐ์ ๊ดํ ์ ๋ฐ์ ์ธ ๋ด์ฉ ์ฆ, ๊ฐ๊ฐ์ component๋ค์ด ์ด๋ป๊ฒ ๊ตฌ์ฑ์ด ๋๊ณ , ์ด๋ค์์ผ๋ก ์ํ๋ ์ ๋ณด๋ฅผ ๋ถ๋ฌ์ค๊ณ , ๋ด๋ณด๋ด๋์ง... ๋ฑ๋ฑ, ์ ๋ณด์ ํ๋ฆ์ ๋ํ ๋ด์ฉ์ ์ค๋ช ํ๋ ๋ฐฉ์์ผ๋ก ์งํ์ด ๋๋ฏ๋ก, ionic ๊ฐ๋ฐ ๊ฒฝํ์ด ์๋ ์ฌ์ฉ์๋ฟ๋ง ์๋๋ผ ์ฒ์ ionic์ ์ ํ๋ ์ด๋ณด์์๊ฒ๋ ionic project์ ๊ตฌ์ฑ์ ๋ํ ๋ด์ฉ์ ์ ๋ฐ์ ์ผ๋ก ํ์ ํ๋๋ฐ ๋์์ด ๋๋ฆฌ๋ผ ์๊ฐํฉ๋๋ค.
์ด๋ฏธ ionic์ ๋ํ ๊ฐ๋ฐ ๊ฒฝํ์ด ์๋ ๊ฐ๋ฐ์๋ฟ๋ง์๋๋ผ ์ ์ฒด์ ์ธ ionic project์ ๊ตฌ์ฑ ๋ฐ ๊ฐ๋ฐ ๋ฐฉ๋ฒ๋ฑ์ ๋ํ ์ ๋ฐ์ ์ธ ์ ๋ณด๋ฅผ ์ ๊ณตํ๋ฏ๋ก ionic ๊ฐ๋ฐ ๊ฒฝํ์ด ์๋ ์ด๋ณด์๋ค์๊ฒ๋ ๋ง์ ๋์์ด ๋ ๊ฒ์ผ๋ก ์๊ฐ๋ฉ๋๋ค.
main feature
ionic 3 / Google Map APi / ionic native Geolocation plugin / AlertController
๊ฐ๋ฐํ๊ฒฝ
cli packages: (/usr/local/lib/node_modules) - @ionic/cli-utils : 1.19.0 - ionic (Ionic CLI) : 3.19.0 global packages: - cordova (Cordova CLI) : 7.1.0 local packages: - @ionic/app-scripts : 3.1.4 - Cordova Platforms : android 6.3.0 - Ionic Framework : ionic-angular 3.9.2
System
ios-deploy : 1.9.2 Node : v8.6.0 npm : 5.5.1 OS : macOS High Sierra Xcode : Xcode 9.2 Build version 9C40b
๊น ์ฒ ํ
SDS LGAd ์ฌ๋ง๋(๊ฒ์์์ง) Mnet Media(ํ CJ E&M) ์ ๊ฑฐ์ณ ํ์ฌ ํ๋ฆฌ๋์/์ปจ์คํดํธ๋ก ํ๋์ค
ํ์ต ๋์์
๋๊ตฌ์ผ๊น์?
Ionic 3์ ๊ด์ฌ ์๋ ๋ถ
์์น ๊ธฐ๋ฐ ์๋น์ค ๊ฐ๋ฐ์ ์ํ๋ ๋ถ
Google Map API๋ฅผ ํ์ฉํ๊ณ ์ถ์ ๋ถ
2,057
๋ช
์๊ฐ์
44
๊ฐ
์๊ฐํ
25
๊ฐ
๋ต๋ณ
4.9
์
๊ฐ์ ํ์
3
๊ฐ
๊ฐ์
์ ์ฒด
5๊ฐ โ (26๋ถ)
๋ฌด๋ฃ