webview
-
iOS/WebView/Project - 웹뷰 localhost 표시#14Project/Swift+WebView 2023. 2. 1. 19:18
IOS/Xcode 14X Swift5.7.2 WKWebView 에서 작업 진행 맥북 로컬호스트 아이피 확인 https://dchkang83.tistory.com/148 MacOS/맥북 ip 주소 확인 방법 방법1. 시스템 환경설정 맥북 -> 시스템 설정 네트워크 USB ~~ LAN 2 영역 클릭 방법2. 터미널 $ ipconfig getifaddr en0 $ ifconfig | grep inet dchkang83.tistory.com Const에 확인 한 로컬 아이피 주소로 변경해 준다. 로컬 웹서버 URL을 웹뷰에 노출되도록 해준다. 로컬 서버로 정상으로 나오는것이 확인 된다.
-
iOS/WebView/Project - 웹뷰 JS 양방향 통신#13Project/Swift+WebView 2023. 1. 20. 11:14
웹뷰를 이용한 하이브리드앱을 개발할 시 네이티브와 웹의 상호 작용하는 부분들이 생각보다 많습니다. 팝업 & 로그인 세션 & JWT 토큰 등 이벤트를 캐치해서 처리하는 경우 인터페이스를 정의해서 일련의 규칙을 정하여 개발하지 않으면 개발이 산으로 갈 수밖에 없고 유지보수도 상당히 어려울 것입니다. 이러한 부분들을 가능하게 해주는 부분들에 대해서 처리해 볼 것입니다. 기본적으로 WKUserContentController을 사용하여서 가능하며 코드로서 생성하는 것이 좋다고 합니다. 웹뷰 초기화 함수의 configuration속성을 사용해야 하는데 스토리 보드로는 해당 속성을 사용 못하기 때문입니다. 여러 사이트를 참조하여 아래 코드를 완성였습니다. 참조 블로그 님들 감사드립니다. MainViewControll..
-
iOS/Xcode 14X/오류 - This method should not be called on the main thread as it may lead to UI unresponsivenessLanguage/iOS,AOS 2023. 1. 19. 16:01
WKWebView를 띄웠더니 난데없이 아래의 에러가 발생하였다. 다음에 찾기 어려울수 있으니 기록해 두자. This method should not be called on the main thread as it may lead to UI unresponsiveness. 메인 스레드에서 WKWebView의 로드 요청을 사용 중일 수 있기 때문이라고 한다. 대부분 의견들이 Xcode 다음버전에서 개선될 가능성이 크다고 한다. admob에서도 애플이랑 커뮤니케이션 중이라고 하고 원인 분석중이라고 경고 메세지는 무시하면 된다고 한다. 무시하고 일단 작업하자! 참조 https://developer.apple.com/forums/thread/713290 This method should not be called o..
-
iOS/WebView/Project - 화면전환 및 웹뷰 적용#12Project/Swift+WebView 2023. 1. 18. 12:25
IOS/Xcode 14X Swift5.7.2 WKWebView 에서 작업 진행 https://github.com/dchkang83/ios-webview-project/releases/tag/1.0 Release 1.0 · dchkang83/ios-webview-project github.com 화면 전환 방법에는 대표적으로 네 가지 방법이 있다. ViewController의 view 바꿔치기 ViewController가 다른 ViewController를 호출(present) NavigationViewController 사용하여 화면 전환(push) 화면 전환용 객체 Segue 사용 아래 포스팅에 각각의 전환 방식에 대해서 설명되어 있다. https://dchkang83.tistory.com/126 IOS..
-
iOS/Xcode 14X - 6. WebView 세팅Language/iOS,AOS 2023. 1. 9. 10:43
WebKit View Main.storyboard -> `+`버튼 클릭 -> WebKit View -> 적절히 배치 (Drag & Drop) ViewController에 연결 추가된 WebKit VIew 크기 조정 -> 화면 오른쪽위 가로줄 많은 아이콘 클릭 클릭 -> Assistant -> Control (^)키 + Drag & Drop -> 연결될 이름 설정 -> Connect 아래와 같이 myWebView로 Outlet이 추가된다. WebView 설정 코드 import Lottie import UIKit import WebKit class ViewController: UIViewController { @IBOutlet weak var myWebView: WKWebView! ... // 뷰가 생성이되..
-
iOS/Xcode 14X - 5. WebView 준비Language/iOS,AOS 2023. 1. 9. 10:00
웹뷰 작업에 앞서 기본적인 지식은 습득하고 가자. 하이브리드앱, 네이티브앱, 웹앱 차이점 한번씩 읽어 보자!https://his-story.tistory.com/163 하이브리드앱, 네이티브앱, 웹앱 차이점 정리! 웹앱? 웹+앱? 하이브리드앱? 웹이랑 앱이 섞인게 하이브리드가 아니고 따로 하이브리드 앱이 있다고? 네이티브앱은 또 뭐지? 네이티브네이티브..원시인 같은 개념인가? 🍧 '웹 앱' ? 웹앱이란, 웹 his-story.tistory.com 하이브리드 앱 장점 하이브리드 앱은 안드로이드 네이티브 앱 개발에 비해서 개발이 비교적 쉽다. 특히 기기간의 호환성을 해결하기가 상대적으로 편하다. 타 웹 사이트 링크로 가는 기능등을 지원하기 위해서 많이 사용된다. 단점 HTML 기반인 만큼 상대적으로 반응성이..