소소ing

이전에 TextField에서 iPhone 암호를 활용하는 방법을 알아 보았다. 그럼 웹뷰 기반의 앱에서는 어떻게 처리를 해주어야 할까? 더욱 간단하게 작업이 가능하다. 로그인 시 입력받는 입력폼(input)에서 다음의 옵션을 추가하자 그럼 끝~~~

WKWebView로 하이브리드 앱 개발 시 URL 안 비디오 재생 시 전체 화면이 아니라 인라인으로 재생시켜 보자! 그 전에 코드로 WKWebView 객체를 생성한 것과 StoryBoard 안에서 WKWebView 객체를 넣어서 구성한 것에는 방법 차이가 있다. 1. StoryBoard로 WKWebView 객체를 바로 생성한 경우에는 아래 이미지와 같이 Media 부분 Inline Playback 체크를 통해 적용이 가능하다. 2. WKWebView를 객체로 생성해서 적용할 경우에는 아래 webConfiguration을 통해 적용이 가능하다. let webConfiguration = WKWebViewConfiguration() webConfiguration.allowsInlineMediaPlayback ..

해당 글에서 코드 부분은 파란색으로 표기 됩니다. 해당 글에서 중요 부분은 붉은색으로 표기 됩니다. WKWebView로 웹 사이트를 호출할때 줌이 되지 않을 수 있다. 어떻게 줌 설정을 할 수 있을까? 1. 줌 설정 시 let source: String = "var meta = document.createElement('meta');" + "meta.name = 'viewport';" + "meta.content = 'width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes';" + "var head = document.getElementsByTagName('head')[0];" + "head.appendChild(meta);..

iOS WKWebView에서 URL 로딩 시 Progress 페센트를 전달 받아 봅시다. 해당 글에서 코드 부분은 파란색으로 표기 됩니다. 해당 글에서 중요 부분은 붉은색으로 표기 됩니다. 1. "Swift iOS WKWebView : 기본 연동 (코드 부분)" 코드를 작성 한 후 붉은 부분을 추가 합니다. [MainViewController.swift 파일 안] // * WKWebView를 사용하기 위해서는 WebKit 모듈을 import 시켜야 합니다. import WebKit class MainViewController: UIViewController { // * WKWebView 객체 선언 private var wkWebView: WKWebView? = nil override func viewDi..

iOS WKWebView를 이용하여 javaScript에서 swift 함수를 호출해 봅시다. 해당 글에서 코드 부분은 파란색으로 표기 됩니다. 해당 글에서 중요 부분은 붉은색으로 표기 됩니다. 1. WKWebView가 나오기전 UIWebView에서는 JavaScript 에서 앱 내 함수 호출 시 document.location을 이용한 URL 파싱으로 작업을 하였습니다. Ex) document.location = "sosostudy:::" + ":" + param1 + ":" + param2; - sosostudy : http와 같은 프로토콜 구분 용도 2. WKWebView에서는 WebKit 모듈을 이용하므로 WKWebViewConfiguration을 이용하여 보다 편리하게 호출이 가능합니다. 2-1...

iOS WKWebView를 이용하여 swift 에서 javaScript 함수를 호출해 봅시다. 해당 글에서 코드 부분은 파란색으로 표기 됩니다. 해당 글에서 중요 부분은 붉은색으로 표기 됩니다. 1. "Swift iOS WKWebView : 기본 연동 (코드 부분)" 코드를 작성 한 후 붉은 부분을 추가 합니다. [MainViewController.swift 파일 안] // * WKWebView를 사용하기 위해서는 WebKit 모듈을 import 시켜야 합니다. import WebKit class MainViewController: UIViewController { // * WKWebView 객체 선언 private var wkWebView: WKWebView? = nil override func vie..

iOS WKWebView 에서 웹 페이지 대신 네이티브 사용자 인터페이스 요소를 표시할때 사용되는 WKUIDelegate를 사용해 봅시다. 해당 글에서 코드 부분은 파란색으로 표기 됩니다. 해당 글에서 중요 부분은 붉은색으로 표기 됩니다. 1. WKUIDelegate 란? Apple 공식 도큐먼트 보러가기 위의 주소를 통해 확인해 보면 WKUIDelegate 클래스는 웹 페이지 대신 네이티브 사용자 인터페이스 요소를 표시하는 메서드를 제공된다고 말하고 있습니다. 1-1. WKUIDelegate를 사용하는 이유? WKUIDelegate안에 선언된 딜리게이트 함수를 이용하여 서버에서 호출하는 alert 함수와 Confirm 등을 호출할 때 WebView 안에서 수신을 하게 되면 상단 부분 Web 주소가 노출..

iOS WKWebView 에서 탐색 요청을 수락,로드 및 완료하는 과정에서 트리거되는 WKNavigationDelegate를 사용해 봅시다. 해당 글에서 코드 부분은 파란색으로 표기 됩니다. 해당 글에서 중요 부분은 붉은색으로 표기 됩니다. 1. WKNavigationDelegate 란? Apple 공식 도큐먼트 보러가기 위의 주소를 통해 확인해 보면 WKNavigationDelegate 프로토콜의 메서드는 웹 뷰에서 탐색 요청을 수락,로드 및 완료하는 과정에서 트리거되는 사용자 지정 동작을 구현하는 데 도움이된다고 말하고 있습니다. 1-1. WKNavigationDelegate를 사용하는 이유? WKNavigationDelegate안에 선언된 딜리게이트 함수를 이용하여 로딩 아이콘 표시 여부 및 URL..

iOS WKWebView 에서 PreView에 해당되는 3D Touch를 비활성화해 봅시다. 해당 글에서 코드 부분은 파란색으로 표기 됩니다. 해당 글에서 중요 부분은 붉은색으로 표기 됩니다. 1. "Swift iOS WKWebView : 기본 연동 (코드 부분)" 코드를 작성 한 후 붉은 부분을 추가 합니다. [MainViewController.swift 파일 안] // * WKWebView를 사용하기 위해서는 WebKit 모듈을 import 시켜야 합니다. import WebKit class MainViewController: UIViewController { // * WKWebView 객체 선언 private var wkWebView: WKWebView? = nil override func view..

iOS WKWebView 에서 사파리와 같이 뒤로, 앞으로 가기 제스처를 사용해 봅시다. 해당 글에서 코드 부분은 파란색으로 표기 됩니다. 해당 글에서 중요 부분은 붉은색으로 표기 됩니다. 1. "Swift iOS WKWebView : 기본 연동 (코드 부분)" 코드를 작성 한 후 붉은 부분을 추가 합니다. [MainViewController.swift 파일 안] // * WKWebView를 사용하기 위해서는 WebKit 모듈을 import 시켜야 합니다. import WebKit class MainViewController: UIViewController { // * WKWebView 객체 선언 private var wkWebView: WKWebView? = nil override func viewDi..