이미지 파일

이미지 파일 사이즈

• 내부 콘텐츠 이미지: 가로 1500픽셀, 세로 1000픽셀 이하, 2MB 이하
• https://www.shutterstock.com/ko/blog/resize-images-for-web/

img 태그 에러처리

<img src="noimg.jpg" onerror="this.src='https://s.pstatic.net/static/www/img/uit/2019/sp_search.svg';"/>
<img src="noimg.jpg" onerror="this.remove ? this.remove() : this.removeNode();"/>

• https://sub0709.tistory.com/126

image url을 file object로 변경하기

• https://velog.io/@ordidxzero/Image-URL%EC%9D%84-File-object%EB%A1%9C-%EB%B3%80%EA%B2%BD%ED%95%98%EA%B8%B0
• https://developer-talk.tistory.com/340
• https://doogle.link/axios-%EC%82%AC%EC%9A%A9%EC%8B%9C-%ED%8F%BC-%EB%8D%B0%EC%9D%B4%ED%84%B0-%EC%A0%84%EC%86%A1%ED%95%98%EA%B8%B0-%ED%8C%8C%EC%9D%BC-%EC%97%85%EB%A1%9C%EB%93%9C/

createObjectURL 과 fileReader 차이점

• BLOB 방식의 createObjectURL가 빠름
• createObjectURL는 사용후 메로지 해제(revokeObjectURL) 필수
• https://github.com/SeonHyungJo/Tip-Note/issues/66
• https://pks2974.medium.com/file-api-%EC%A0%95%EB%A6%AC%ED%95%98%EA%B8%B0-729fa6a3a0ba

Reference

• https://velog.io/@ordidxzero/Image-URL%EC%9D%84-File-object%EB%A1%9C-%EB%B3%80%EA%B2%BD%ED%95%98%EA%B8%B0