소소ing

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..

iOS WKWebView 를 구성해 봅시다 해당 글에서 코드 부분은 파란색으로 표기 됩니다. 해당 글에서 중요 부분은 붉은색으로 표기 됩니다. 1. Storyboard 안 WKWebView 컴포넌트를 사용할 경우 Deployment Target이 iOS 11 이상이여야 합니다. 만약 Deployment Target 즉 서비스 대상으로 하는 사용자의 iPhone OS의 버전이 11보다 낮을 경우에는 아래와 같이 WKWebView 컴포넌트 객체 생성 자체를 코드로 구성해 주어야 합니다. [MainViewController.swift 파일 안] // * WKWebView를 사용하기 위해서는 WebKit 모듈을 import 시켜야 합니다. import WebKit class MainViewController: ..

하이브리드로 iOS 앱을 구성하고 Push를 이용하여 특정 화면으로 이동 시키고자 할때 어떻게 구성해야 하는지 살펴봅시다. PUSH를 클릭하여 특정 URL로 이동시 원래 보던 URL 또는 기본 URL로 뒤로가기 기능으로 이동되길 원한다면 어떻게 해야하는지 살펴보자! 해당 글에서 코드 부분은 파란색으로 표기 됩니다. 해당 글에서 중요 부분은 붉은색으로 표기 됩니다. 1. "- iOS Push : 기본 연동" 이 선행된 상태에서 진행됩니다. WebView의 경우 WKWebView를 사용하여 구성된 상태에서 진행합니다. 2. 여기서는 iOS 10이상에 대해서 작성이 되었습니다. 3. FCM 푸시 연동 시 푸시를 클릭 하게 되면 iOS 10이상에서는 아래 함수로 이벤트가 전달되게 됩니다. [AppDelegate..

iOS 앱에서 앱을 사용중일 때 푸시를 받지 않도록 처리해 봅시다. 해당 글에서 코드 부분은 파란색으로 표기 됩니다. 해당 글에서 중요 부분은 붉은색으로 표기 됩니다. 1. "- iOS Push : 기본 연동" 이 선행된 상태에서 진행됩니다. 2. 앱이 Foreground 상태일때, 푸시를 전달 받게 되면 아래의 함수로 이벤트가 수신되며, completionHandler 부분의 값을 조절하여 푸시 표시를 하지 않으면 됩니다. [AppDelegate.swift 파일 안] // * ... 코드 생략 ... @available(iOS 10, *) extension AppDelegate : UNUserNotificationCenterDelegate { // * iOS 10 devices foreground에서 ..

iOS 앱에 Push를 사용하기 위해 해주어야 할 일들을 알아 봅시다. 해당 글에서 코드 부분은 파란색으로 표기 됩니다. 해당 글에서 중요 부분은 붉은색으로 표기 됩니다. 1. 애플 개발자 사이트에서 만들고자 하는 앱의 Bundle Identifier(일명 패키지명)에 맞는 Identifiers를 생성합니다. 이때 Push Notifications 항목을 체크 하여 생성하여야 합니다. 2. 위의 이미지와 같이 Push Notifications를 활성화 하려면 Mac book에 내장된 키체인 접근 툴을 이용하여야 합니다. 해당 부분은 여기서는 생략합니다. 3. Bundle Identifier로 구성한 Xcode Project를 Open합니다. 4. Open 후 TARGETS에 구성한 앱을 선택하고 Capa..

iOS Push 기능을 확장하여 사용해 봅시다. 해당 글에서 코드 부분은 파란색으로 표기 됩니다. 해당 글에서 중요 부분은 붉은색으로 표기 됩니다. 1. UNNotificationServiceExtension 이란? Apple 공식 도큐먼트 보러가기 위의 주소를 통해 확인해 보면 원격 통지가 사용자에게 전달되기 전에 원격 통지의 내용을 수정하는 객체라고 말하고 있습니다. 1-1. Notification Service Extension과 Notification Content Extension의 차이는 무엇일까요? Notification Service Extension의 경우는 위에서 확인해 본 것과 같이 원격 Push를 단말기에 표시하기 전에 재 편집을 하기 위한 용도로 사용되며, Notification ..