게시판이나 댓글에 이미지 들어가는 웹사이트는 어떻게 만드나요?

Question

오키나 디씨처럼 게시물 중간에 이미지를 넣을 수 있는 게시판을 만들고 싶은데, 그림을 어떻게 저장해야할지 모르겠습니다이미지를 바이트코드로 변환해서 DB에 다른 내용과 같이 저장해 버리면 만들긴 편하지만 DB 관리에 문제가 생길 것 같고요몽고DB 같은 이미지 저장용 NoSQL DB에 이미지를 저장하고 게시물을 작성할 때 이미지를 삽입한 위치에 해당 이미지 주소로 연결된 <img> 태그가 들어가도록 한 다음에 게시물을 볼 때 해당 링크의 그림을 같이 띄워주는 방식으로 만들면 좋을 것 같은데, 정확하게 어떻게 처리해야할지 모르겠습니다혹시 게시판 프론트용 편집기 패키지 같은걸 사용하면 조금 쉽게 해결되나요?

consr · Accepted Answer

db에 바이너리 자체로 저장하는 방식은 안됩니다. 이미지 용량이 조금만 커도 db죽어요.. 들어가지도 않고요.summernote에서 기본 제공하는 방식이 해당 방식인데 변경해서 사용해야 합니다.보통 파일업로드 처럼 이미지를 서버에 저장시키고 img 태그의 url을 만들어 해당 url 요청을 하면 img 파일을 내려보내주면 됩니다. 그럼 게시글 내용 db커럼에는 이미지 요청 경로만 저장되고요

(chibi) · Answer

어떻게 운영/구축하느냐에 따라 달라지지 않을까요 웹서버 올라간 서버에 올린다던지 따로 nas서버 같은곳에 올려서 호출때마다 불러온다던지 ..?

이미사용중인닉네임이굉장히많아요 · Answer

이런 에디터를 wysiwyg 에디터라고 하는데 주니어들 입장에서 react로 구성하신다면 보통quill 에디터를 이용하고, 방법은 여러가지지만 이미지를 업로드할 때 s3나 이미지 서버에 먼저 저장해서 경로를 받고난 후에 에디터가 <img> 태그로 경로 넣어줘서 글을 작성시킵니다.

게시판이나 댓글에 이미지 들어가는 웹사이트는 어떻게 만드나요?

3개의 답변

Q&A 목록