kasumil의 코딩 공작소

개발 중간 식겁한 현상이 있었다. 사진이 추가 되었는데 하단이 클릭되지 않는것..문제는 UAT(유저 액션 테스트- 인수테스트)가 다음날이라는 것...아시바 이거 어쩌지 했는데? ai가 찾아줬다.추가할때 바로 하단에 p태그를 삽입하는 것.그러면 입력공간이 쳐진거라 바로바로 붙을 수 있다.내 경우 onReady={ } 안에 해당 하는 dom이벤트를 감지해서 붙여주는 방식으로 구현했다.

구형폰에서는 잘되는데, 최신폰은 안되더라. 왜? 이런가 봤더니 최신이 맞는 내용.졸라 러프하게 보고 있더라.해결해보니까 이전 코드가 왜 이게 되지 하는 수준이었다...아무튼 사진은 file.arraybuffer()로 가져와서 blob으로 넣어 URL.createObjectURL(blobData)로 만들어 넣어주자.그렇게 해결했더니 ios, aos 모두 잘되더라 ㅎㅎㅎ 2026.01.06 - [취업/React.JS] - [nextjs]파일 업로드는 그냥 서버 업로드가 답이다. [nextjs]파일 업로드는 그냥 서버 업로드가 답이다.파일업로드 기능을 구현했다. 서버에 업로드 전에 당연하게 프리뷰를 위해 blob으로 이미지를 만들어 화면에 뿌려줬는데,pc, ios, aos를 구현했다. 근데 이상하게 잘 안된다..

ckeditor를 이용한 개발중인데, 특이하게도 ckeditor는 뷰어가 없더라.그래서 그게 어딨지 했는데, 찾아보니까 영문이라 찾기가 어렵더라..한글로 문서가 있길래 참조했다.https://velog.io/@oo009pbh/%EC%9D%B4%EC%8A%88%ED%95%B4%EA%B2%B0-CKEditor-5-View-%EC%8A%A4%ED%83%80%EC%9D%BC-%EC%A0%81%EC%9A%A9 [이슈해결] CKEditor 5 View 스타일 적용에디터에서는 리스트, blockquotes, 이미지 정렬 등의 작업을 진행하고 저장을 했지만. 해당 html 코드를 보여줄때 저장한 버전과 다르게 나오는 문제가 있었다.https://ckeditor.com/docs/ckeditor5/latest/instal..

아이폰의 경우 프리뷰를 보여줄때 png의 경우 decode가 터진다는 것을 배우고,내용은 알았는데, 실제로 겪어본 건 처음이었다.안드로이드에서 프리뷰를 보여줄때 리사이징해서 보여줘야한다는 것을 알았다.아무생각없이 프리뷰 원본 사이즈를 blob으로 변환해서 img src로 넣었다가 메모리가 터지더라 OOM떠서 이미지 깨짐 발생.그거보고 뭐지 하다가 되는것보니 리사이징 처리.200px 가로, 세로 넘었을 경우 비율에 맞게 축소해서 리사이징 처리해서 프리뷰로 보여주고 하는 방식으로 구현했더니메모리 문제가 사라졌다