이번 포스트에서는 UIWebView에서 PDF 파일을 불러오는 방법을 단계별로 알아보겠습니다. WebView에 PDF를 표시하는 것은 생각보다 간단하며, 아래 순서대로 따라 하면 누구나 쉽게 구현할 수 있습니다.
1단계: 새 프로젝트 생성
Xcode를 실행하고 New Project → Single View Application을 선택한 뒤, 프로젝트 이름을 “PDFInWebView”로 지정합니다.
2단계: 스토리보드에 UIWebView 추가
Main.storyboard 파일을 열고 아래 이미지와 같이 화면에 UIWebView를 배치합니다.
3단계: IBOutlet 연결하기
UIWebView에 대한 @IBOutlet을 생성하고, 변수 이름을 webview로 지정합니다. 이렇게 하면 코드에서 웹뷰 객체에 접근할 수 있습니다.
4단계: 샘플 PDF 파일 추가
프로젝트에 테스트용 PDF 파일을 추가합니다. 여기서는 “sample.pdf”라는 이름의 PDF 파일을 프로젝트에 포함시켰습니다. 이 파일을 웹뷰에 불러올 예정입니다.
5단계: viewDidLoad에 코드 작성
ViewController의 viewDidLoad 메서드에 다음 코드를 추가합니다.
if let pdf = Bundle.main.url(forResource: "sample", withExtension: "pdf", subdirectory: nil, localization: nil) {
let reqest = NSURLRequest(url: pdf)
webView.loadRequest(reqest as URLRequest)
}위 코드의 동작 방식은 다음과 같습니다. 먼저 Bundle.main.url(forResource:) 메서드를 사용해 앱 번들 내에 있는 sample.pdf 파일의 URL을 가져옵니다. 그런 다음 해당 URL로 NSURLRequest 객체를 만들고, 웹뷰의 loadRequest 메서드를 호출하여 PDF를 로드합니다.
6단계: 프로젝트 실행 및 확인
프로젝트를 빌드하고 실행하면 시뮬레이터 화면에서 웹뷰 안에 PDF가 정상적으로 표시되는 것을 확인할 수 있습니다.
마무리
이처럼 UIWebView를 활용하면 별도의 외부 라이브러리 없이도 앱 내에서 손쉽게 PDF 문서를 표시할 수 있습니다. 참고로 iOS 12 이상을 타깃으로 하는 최신 프로젝트에서는 UIWebView 대신 성능이 개선된 WKWebView 사용이 권장되므로, 실제 서비스 개발 시에는 WKWebView로 동일한 방식을 적용해 보시기 바랍니다.