개발자
류준열

browser

canvas.toBlob을 이용한 이미지 압축 (약 97% 압축)

base64로 이미지를 전송하다보니 서버에서 413에러로 튕겨냈다. canvas.toBlob을 이용해서 브라우저에서 직접 압축했는데 약 97% 압축되었다. (4.5MB -> 94.6KB)

img 태그의 referralPolicy

이미지에서 액박이 뜰대는 referralPolicy 속성을 이용하면 된다.

폐쇄망에서 겪은 서버컴포넌트 문제

폐쇄망 서버에서는 해당 인프라의 hosts 에 등록되지 않은 도메인에 접근할 수 없다. 하지만 브라우저는 로컬 PC의 hosts 파일을 참조하기 때문에 폐쇄망 서버와 무관하다.

setTimeout의 한계와 reqeustAnimationFrame

setTimeout의 delay를 0.5초로 설정하였는데 0.5초가 지나도 call stack이 처리되지 않으면 setTimeout의 callback은 실행되지 않는다. 이렇게 setTimeout이 씹히게 된다.