사진 포함한 글쓰는 방법. 도와주십쇼 선배님들

Question

안녕하세요 선배님들. 게시판에 지금 글쓰듯이 사진을 포함해서 글작성을 하고싶습니다.정말 많이 시도했는데 안되네여ㅠㅠ 뻥안치고 어제부터 5시간정도 되는거같아요.. 도와주십쇼tinymce를 사용해서 글 작성이 되긴되는데..db에 이미지 저장이 base64로 인코딩되어 저장됩니다. 그래서 이미지 크기가 크면 오류가 나네요.. 그냥 다중파일 업로드는 사진의 위치나 크기같은걸 저장못한다고 알고있어서 이렇게 하길 원합니다.js 코드입니다.제가 현재 질문 올리는것처럼 사진과 글을 작성하고싶습니다.

kenu,전독시 · Answer

폰 카메라 이미지 하나가 2메가 넘는데, 멀티(2개&#43;)라면 4메가 짜리 글을...흠...물론, 담을 수도 있죠.하지만,사람들이 볼 때마다 네트워크 트래픽 비용은 발생하는데,1000명이 보면 그 게시물에 트래픽이 2기가*사진갯수입니다.썸네일은 클라이언트에서 만들어야 되지 않을까요?AWS의 무료 사용 트래픽이 한 달에 1TB입니다.그 이상 초과하면 트래픽 비용이 발생합니다.

kenu,전독시 · Answer

https://plus.unsplash.com/premium_photo-1686728283945-b9e8028e85ce?w&#61;300https://plus.unsplash.com/premium_photo-1686728283945-b9e8028e85ce?w&#61;800이런 방법도 있습니다.from: https://unsplash.com

BGProgramming · Answer

일단 첫번째로 처음 댓글을 달아주신분이 언급하셨지만 DB에 이미지 RAW데이터를 저장하는 방식은 추천하지 않습니다.데이터 비용도 비용이고 웹 서버의 캐시 기능또한 사용하지 못합니다.아시겠지만 웹 브라우저에서 특정 파일을 요청하고 해당 파일이 내 로컬에 있으면 기존 파일을 그대로 사용합니다.이 기능 자체를 사용하지 못하는 거죠.그리고 말씀하신 내용을 어떻게 구현하고 처리할 수 있겠다.라는 설계를 먼저 잡아야 합니다.특정 툴을 사용하니 DB에 이렇게 저장되는데 어떻게 해야 할까요? 가 아닌...전체적인 설계를 먼저 기획하는 것이 우선입니다.첫번째 글을 어떻게 저장하는지부터 생각하세요.그러기 위해서는 내가 만드려고 하는 기능을 어디까지로 확장성을 고려하는지부터 고민해야 합니다.만일 단순히 만드려면 html으로 저장해주는 웹 에디터 모듈이 많습니다.그리고 만드는 것이 쉽구요.내가 만드는 어플이 그냥 단순히 커뮤니티를 위한 기능이라면 이정도로도 충분합니다.하지만 네이티브나 확장성 있게 고려한다면 notion 등의 기능까지 고려될 수 있습니다.예를들어 제가 제 홈페이지 사이트를 만든 예시는 다음과 같습니다.https://bgprogramming.com/learnings/17해당 글을 보시면 글 중간에 영상이나 사진등이 올라가 있지요?이 설계가 notion 처럼 설계해서 구현한 사항입니다.에디터도 직접 만들었고 파싱 문자열도 설계한 내용입니다.이런 식으로 하는 이유는 웹 html 을 그냥 저장한다면 모바일 네이티브에서 보여줄 경우 원하는대로 표현하기 힘들고 자신의 마음대로 표현하기 힘들기에 커스텀으로 제작할 수 있습니다.하지만 일반적인 목적이라면 그냥 html 으로 저장해도 무방할수 있으며, 이 경우 빠른 개발이 가능하지요.html 이 아니라더라도 json등으로 저장하는 기능까지 요즘은 웹 에디터에서 꽤 제공하는 편입니다.이에 질문자분은 지금은 그냥 에디터를 사용해서 개발하는 것이 좋아 보입니다.그러면 일반적인 html 에디터를 사용한다고 합시다.클라이언트에서는 이미지 파일을 표시할 때 두가지 버전으로 표시할 수 있습니다.서버에 올리지 않고 로컬 이미지를 읽어 표시하는 방법과웹 서버에 올라가 있는 이미지를 표시하는 방법.이 두개입니다.전자의 경우 중간의 내용을 저장하는 드래프트 기능이 불가능합니다.이또한 자신이 만드려고 하는 사이트의 기능을 생각해봐야 합니다.후자의 경우 서버 개발자에게 해당 기능을 처리하는 API를 요청해야 합니다.그리고 이또한 구현에서 여러 방식이 존재할 수 있습니다.예를들어 볼까요?우선 고려해야 할 사항은 사용자가 글을 작성하는 중간에 이미지를 보여줘야 하는것과사용자가 글쓰기를 누르지 않고 언제든지 뒤로가기 버튼을 눌러 빠져나갈수 있다는 겁니다.이러한 처리를 어떻게 하느냐도 생각해봐야겠죠.그리고 만일 글쓰는 중에 임시 파일로 서버에 올리는 기능을 생각했다면 이러한 임시 파일 관리도 서버 개발자는 신경써 주어야 합니다.임시 파일 폴더에서 실제 게시글 폴더로 옮기는 작업을 생각해 봐야 한다는 것이죠.그리고 리스트에서 만일 이미지 썸네일을 보여주어야 한다면 업로드한 이미지를 sm, md, lg 버전으로 쪼개는 작업등.단순히 글쓰기 기능, 게시판 기능으로 생각하시더라도 내가 만들려고 하는 수준에 따라 설계 및 구현의 차이가 심하게 날 수 있습니다.글을 보니 왠지 이러한 설계 자체가 없어보이기에 한번 언급해 보았습니다.즉, 어떤것을 개발할때 가장 먼저 하는 일은 * 내가 만들려고 하는 기능의 정의* 구현하는 방법* 각 방법의 장단점 이와 같은 것을 정리해보고 구현해 들어가는 것이 좋습니다.============================================이와 별개로 그냥 tinymce 라이브러리를 사용해서 작성하고자 하는 경우에는...언급하신대로 tinymce 는 DB 컬럼에 직접 이미지 데이터를 넣어버리는 방식이죠.이에 먼저 자신이 어떤 DB를 사용하는지 언급해 주셨어야 합니다.DB마다 TEXT 용량 제한이 다르거든요.예를들어 MySql 의 경우 LongText 라면 4 기가 까지 데이터 저장이 가능합니다.PostgeSql의 경우는 제한이 없구요.그리고 이 이전에 서버에서 BODY 용량을 얼마로 제한하는지 봐야 합니다.예를들어 nginx의 경우 아무 설정이 없으면 body 크기 제한은 1mb 입니다.파일 업로드 실패 원인이 이러한 웹 서머의 용량 설정이 아닌지 확인해 보시기 바랍니다.

사진 포함한 글쓰는 방법. 도와주십쇼 선배님들

3개의 답변

기술 목록