Development Etc. - Android/iOS Kakao PostCode Progressive

 

Kakao에서 무료 주소검색 API를 안드로이드나 iOS에서 웹뷰로 간단하고 쉽게 사용할 수 있게 제공하고 있다.

 

안드로이드에서는 따로 CSS를 적용하지 않아도 화면에 꽉 차게 반응형이 자동적으로 이루어지는데 iOS에서는 이상하게 반응형이 적용되지 않아 브라우저에서 보는 화면을 그대로 사용하는 이슈가 있었다.

 

기본적으로 제공하고 있는 예제에서는 딱히 Mobile OS별로 처리를 하는 방법이 적혀있지 않아서 찾던 중에 iOS WebView로 API 예제를 구현하신 분의 Github을 보고 힌트를 얻어 동적으로 DOM을 조작하는게 좋은 방법이라고 생각됬다.

 

DOM이 onLoad 될 때 execDaumPostcode function을 실행하고 DOM의 대한 동적인 사이즈 조작은 initLayerPosition 함수로 이루어 진다. Android와 iOS 둘다 반응형을 구현하려면 Javascript로 DOM의 사이즈를 동적으로 조절해야한다.

 

 

참조 : Kakao-Postcode/index.html at master · KasRoid/Kakao-Postcode (github.com)