자바스크립트 새창열기(해킹 방지, blob 파일 열기 및 메모리 누수 방지 포함)

새창열기

---

새창열기 기능을 사용할 때 아래와 같은 코드를 사용할 것이다.

// window.open(주소, 타겟(이름), 새창열기 옵션);
window.open("https://www.naver.com/", "naver", "width=500,height=600");

 

하지만 noopener 라는 옵션없이는 내부 보안 취약점이 생긴다고 하니 추가해주자.

window.open("https://www.naver.com/", "naver", "width=500, height=600, noopener");

 

Blob 파일 열기

---

크롬에서는 PDF 와 이미지 뷰어를 기본적으로 제공하고 있다.

이를 이용해서 PDF 와 이미지 뷰어를 열 때 Base64, Blob, BufferArray 등을 이용하여 열 수 있다.

 

그 중 Blob 파일을 열 때는 아래와 같은 방법으로 새 창 열기가 가능하다.

const url = window.URL.createObjectURL(blobData); // Blob Url 생성
window.open(url, "blob", "width=1200, height=600, resizeable, scrollbars, noopener");
window.URL.revokeObjectURL(url); // 메모리 누수 방지