소소ing

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

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

호기롭게 출발한 티스토리 블로그 작성 헌데 왜 방문수가 적을까 고민하다 생각해보니... 티스토리 블로그를 네이버와 구글에 등록을 해주어야 한다는것을 알았다! 구글 서치 콘솔 설정하기! 티스토리에서 구글 서치 콘솔 설정은 정말 간단했다 1. 먼저 나의 티스토리 블로그 접속 후 관리자로 이동 후 아래 이미지 화면에서 플러그인 메뉴 선택 2. 플러그인 리스트 중 구글 서치콘설을 선택하여 연동하면 우선적으로 구글 서치콘솔 연동이 이루어진다. 3. 구글 서치콘솔 사이트로 접속 후 Sitemaps 메뉴에서 새 사이트맵 추가로 rss 를 기입 후 제출을 눌러주면 끝 네이버 서치어드바이저 등록하기 1. 먼저 네이버 서치어드바이저 접속을 하여야 한다. 네이버 서치어드바이저 네이버 서치어드바이저와 함께 당신의 웹사이트를 ..

업무 특성상 Macbook을 사용해야 하다 보니 최근 나온 Macbook Pro에는 전원 USB C 포트를 포함하여 2개의 USB C 포트만 존재하였다. 하여 USB 허브 제품을 알아보던 중 해당 상품을 발견하게 되었다. Q. 해당 제품을 구매한 이유? USB All in One 제품임에도 스마트폰의 급속 충전을 지원하는점 4K HDMI 출력 및 충전을 지원하는 점 (VGA 지원) Macbook 충전기의 USB-C 케이블을 통한 안정적인 전원 공급 기능을 지원하는 점 USB 3.0을 지원하는 점 SD / Micro SD 포트를 지원하는 점 Gigabit Ethernet 를 지원하는 점 을 보고 해당 제품을 구입하게 되었습니다. Q. 구매 사이트? Q. 사용기는? 제품의 설명대로 각 포트들이 정상적으로 동..

출산까지의 이야기 8월 29일 새벽 4시경 와이프가 놀래듯이 나를 불렀다. '오빠 양수가 새는것 같아' 라며 우리는 놀란 마음을 다잡고 좌변기에 앉아 좀더 지켜보리고 했다. 인터넷에서는 엄청 많이 나오는게 아니면 괜찮다는 글도 있고 조금이라도 나오면 안된다는 글도 있는 와중에 주기적으로 주륵 흐르는 물에 계속 다녀왔던 산부인과로 전화 후 택시를 타고 산부인과로 향했다. 산부인과 응급진료 실로 향하고 남편은 문밖에서 기다려야 하여 기다린지 1시간 가량 산부인과 간호사 분이 와이프가 있는 곳으로 안내해 주었다. 우선, 양수가 새는게 맞다며 33주 3일에 양수가 새다 보니 출산을 하게 될 경우 신생아 응급실이 있는 대학병원으로 가야 한다고 설명해 주었다. 하지만 하필 의사들 파업으로 대학병원이 쉽게 구해지질 ..

이른둥이 출산 후 대학병원에서 아기들이 퇴원 후 잡힌 외래 일정들 ... 이른둥이이다 보니 현재 애들의 몸무게는 2.5kg과 2.3kg 카시트는 장인어른이 구매를 해 주셔서 설치를 하였으나 몸무게가 적게 나가서 고정이 불안하였다. 신생아용으로 바구니형 카시트를 사용한다고 해서 알아보게 된 바구니형 카시트 카시트에 들어가는 돈이 쌍둥이다 보니 쌍으로 ㅠ.ㅠ.... 그렇다고 안사기에는 불안하고 너무 비싼것을 사기에는 비용적인 문제가 걸려서 여기 저기 검색 시작! Q. 왜 이 제품을 구매하게 되었을까? 우선 비용적인 부분에서 부담이 적었다. 또한 다음날 외래 일정이 잡혀 있다보니 바로 받을 수 있어야 해서 쿠팡 로켓배송을 이용하게 되었다. (미리미리 알아볼걸 이놈의 귀찮니즘 ... ) 쿠팡에 있던 여러 제품 ..

나름 덩치 있는 여누와 작고 발랄한 세요 이야기 2년 6개월인 여누와 11개월인 세요 와이프의 임신 기간 중 양수가 새는 바람에 대학병원에 입원 중인 와이프를 응원하기 위한 응원의 하이파이브 프로젝트! 여누는 앉아, 손, 짠, 엎드려, 돌아, 기다려, 빵, 죽은척을 모두 마스터 해서 그런지 손과 짠 할때의 여유로움(?)이 느껴지는 미소 발사 :) 한편, 웃는 얼굴이 매력적인 여누와 다르게 진지한 표정의 귀여운 세요의 손과 짠의 모습 공개 순간의 사진들 이였지만 와이프에게 힘이 되어준 여누와 세요 앞으로도 즐거운 순간들 함께 기록해보기!

Q. 어디서 구매 하였나? 빠르게 물건을 받고 싶은 사람이라면 다들 아는 쿠팡 로켓배송으로 구매! Q. 왜 갤럭시 버즈 라이브를 구매하게 되었을까? 나는 사실 갤럭시 버즈 플러스를 사용하고 있는 상태였다. IT기기에 관심이 많다보니 자연스럽게 새로운 제품에 대한 호기심과 단순 호기심이라면 구매를 자제하고자 하는 마음으로 고민을 했었다. ​ 오픈형을 커널형보다 선호하는 입장으로 버즈 라이브는 무척이나 매력적으로 다가온것은 사실이였다. 버즈 플러스 제품을 사용한지 1년이 되지 않은 시점이였으나, 오픈형이면서도 액티브 노이즈 캔슬링(주변 소음을 상쇄 시키는 파장을 만들어 노이즈를 억제하는 기능)을 탑재한 버즈 라이브를 구매하기로 결정했다. Q. 버즈 라이브의 첫인상은? 버즈 라이브의 첫인상은 상당히 고급스럽다..