일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
- 백준
- JavaScript
- 서버개발
- UI
- post
- node
- 통신
- swagger
- mac
- IOS
- db
- Xcode
- 앱개발
- SwiftUI
- API
- 알고리즘
- 백엔드
- Node.js
- java spring
- Java
- Alamofire
- 개발
- spring boot
- 아이폰
- 개발자
- Swift
- database
- 회원가입
- spring
- 앱
- Today
- Total
YagSill
IOS WebView 만들어 보기 본문
안녕하세요 Yagsill 입니다.
앱에서 WebView...음 그러니까 대충 웹사이트를 모바일로 볼 수 있잖아요? 그 화면을 띄우는 겁니다.
일단 시작해봅시다.
1. 스토리보드 내에 웹뷰를 넣고 라이브러리(WebKit) 연결
import WebKit
일단 기본적으로 WebKit 라이브러리는 Swift에서 제공되고 있기 때문에 바로 import 시키시면 됩니다.
-> WebKit Vie (deprecated) 이거 말고 그 밑에 WebKit View를 사용하셔야 해요.
그리고 나서 아울렛으로 연결해줍니다.
@IBOutlet var WebView: WKWebView!
저는 해당 WebKit View의 이름을 WebView로 해놨습니다.
2. 웹뷰의 Url을 연결시킵니다.
let url = URL (string: "https://www.naver.com")
let requestObj = URLRequest(url: url!)
WebView.load(requestObj)
-> 저는 naver.com으로 가기 위해서 해당 URL의 링크를 "https://www.naver.com" 으로 지정해 놓았습니다.
-> 그리고 해당 URL을 로드하기 위해서는 Request로 url을 받아야해요. 그래서 requestObj 라는 변수에 URLRequest url 을 url로 받아줍니다. url 뒤에 !< 이 느낌표는 옵셔널인데요. "무조건" 이라는 뜻이에요. 해석해보면 url은 무조건 있으니 안심해라 라는 뜻입니다. 만약 느낌표! 를 안쓰면 노란색으로 경고창이 뜰겁니다.
-> 그리고 해당 WebView를 띄우기 위해서 load를 하셔야해요
3. 인터넷 연결을 해야지만 웹 링크따라서 들어가집니다.
-> Info.plist로 들어간다.
들어가면 App Transport Security Settings가 없을겁니다. 직접 추가하시면 되요.
Allow Arbitrary Loads - Exception Usage 또한 마찬가지로 직접 추가하시면 됩니다.
그리고 빌드를 해보면
웹뷰가 아주 잘 뜨는 것을 확인할 수 있습니다~
그럼 즐거운 코딩 하세요~
'Swift IOS 앱 아무거나 만들어보기' 카테고리의 다른 글
IOS Swift TabBar 사용하기 (0) | 2022.01.04 |
---|---|
Swift QR코드 만들기 (0) | 2021.12.31 |
SwiftUI StackView 적용하기 (0) | 2021.12.30 |
animation 애니메이션 화면 구성하기 (0) | 2021.12.29 |
cocoapods 설치하기 (0) | 2021.12.29 |