👀 라이브러리 없이 웹 pdf 뷰어를 구현할 수 있을까?

pdf는 외부 리소스 파일입니다. 따라서 웹에서 외부 리소스 파일을 문제없이 띄워줄 수 있을까

1차적으로 고민해보았고, 라이브러리 없이도 뷰어가 구현 가능한 지 확인해보고자 하였습니다.

<object></object>

HTML의 object 태그는 외부 리소스를 나타냅니다.

data 리소스 URL 필수

type 속성 data 에 의해 지정된 리소스의 컨텐츠 타입 필수

name 유효한 브라우징 컨텍스트 이름 HTML5

width/height css 속성

URL.createObjectURL(*file*)

매개변수에 지정된 객체를 나타내는 URL이 포함된 문자열을 생성

URL lifetime은 document 가 생성된 창에서, 문서와 연결되고

새 객체 URL은 지정된 파일 객체(File) 혹은 블롭(Blob) 객체를 나타냄.

🎈 가능하다! 간단한 PDF 뷰어 만들기

간단한 PDF 뷰어 만들기

• 코드

😭 하지만… 유저와의 상호작용이 불가능하다

위와 같이 obejct 태그로 생성된 뷰어는 사용자와의 상호작용을 할 수 없으므로