반응형
아이폰의 경우 프리뷰를 보여줄때 png의 경우 decode가 터진다는 것을 배우고,
내용은 알았는데, 실제로 겪어본 건 처음이었다.
안드로이드에서 프리뷰를 보여줄때 리사이징해서 보여줘야한다는 것을 알았다.
아무생각없이 프리뷰 원본 사이즈를 blob으로 변환해서 img src로 넣었다가 메모리가 터지더라 OOM떠서 이미지 깨짐 발생.
그거보고 뭐지 하다가 되는것보니 리사이징 처리.
200px 가로, 세로 넘었을 경우 비율에 맞게 축소해서 리사이징 처리해서 프리뷰로 보여주고 하는 방식으로 구현했더니
메모리 문제가 사라졌다
728x90
'코딩 > Next.js' 카테고리의 다른 글
| [nextjs] 아이폰, 안드로이드 최신기기 input창 프리뷰 기능 적용. (0) | 2025.12.21 |
|---|---|
| [nextjs] CKEditor view 만들기 (0) | 2025.12.21 |
| [도커] github 컨테이너 배포. (1) | 2025.05.20 |
| [Nextjs] 포트폴리오 수동배포 완료 후기. (0) | 2025.05.09 |
| [Nextjs] 프로텍트 라우팅(로그인 여부 확인 후 라우팅 처리) (0) | 2025.03.02 |