에디터를 통한 이미지 업로드는 주로 어떻게 처리하나요?

Question

환경: react, nest.js, postgresqlokky에서 글작성하는 기능과 같이react-quill을 사용해서 구현을 하려고 하는데요,에디터에 이미지 업로드시 base64로 인코딩이 되기때문에 이걸 그대로 db에 저장하면사이즈가 너무 커지기 때문에 s3에 업로드 후 해당 url을 저장하는 형태로 하려고 하는데okky 경우에도 업로드버튼을 통한 이미지 업로드나 복사붙여넣기를 통한 이미지 삽입시네트워크 탭을 확인해보면 response값으로 이미지호스팅에 저장된 이미지url을 돌려주는것으로 확인을 하였습니다.다만 제가 실제로 글 등록을 하지않고 뒤로가기를 누른거나 브라우저를 닫은후에 이전단계에서 생성된 이미지url을 들어가보면이미지가 계속 유지되는것으로 보아 사용자가 글 등록을 하지않고 그냥 나가도 이미지가 호스팅서버에 유지되는것 같은데요,이러한 경우 불필요한 이미지가 계속 쌓이게 될거같은데 일단 생각나는 접근방식은 뒤로가기나 브라우저 닫기등의 액션 발생시 이벤트를 감지해서 등록됐던 url을 s3에 삭제요청s3에 임시폴더를 하나 만들고, 해당 임시폴더는 주기적으로 자동으로 삭제되게 만들고, 사용자가 실제 폼제출을 눌렀을때에만 임시폴더 -> 영구저장폴더 으로 이동하게끔 구현 이렇게 두가지 접근방식이 일단 생각이 드는데 실무에서는 보통 어떤식으로 처리를 하는지 궁금하여 질문드립니다.

강아지좋아하는개발자 · Answer

대부분? 아마? 임시 이미지 처리 할거임임시 폴더에다가 저장하고최종 작성시임시 이미지 폴더 이미지 삭제 -> 서버 호스팅 폴더 등록

에디터를 통한 이미지 업로드는 주로 어떻게 처리하나요?

1개의 답변

기술 목록