이미지 서버에 질문하나 드려도 될까요
[질문 템플릿]
1. 강의 내용과 관련된 질문인가요? (예)
2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예)
3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예)
[질문 내용]
제가 지금 토이프로젝트로 게시판을 만드려고 하는데,
div 태그에 contenteditable 속성을 넣어서 수정 가능하게 만들고,
이미지 붙여넣기 하면 img 붙여넣기 되면서 바이너리? base64~~ 하면서 img 태그의 src로 붙는데,
다른 게시판 웹사이트 보니까, okky나 tistory같은.
붙여넣기 하면 바로 서버에 저장이 되는 모양이더라구요.
그러니까, 붙여넣기 하면 https://자기사이트/경로/파일이름 이런식으로 되는 것 같아요.
아마 프론트엔드 쪽에서 붙여넣기 하면 저 바이너리 파일 서버로 보내서 그 이미지 서버에서 임의의 이름 붙이고 그 주소 자체를 넘겨줘서 프론트엔드쪽에서 응답받으면 그걸 src로 쓰는 것 같은데,
제가 궁금한게, 그래서 붙여넣기 꾹 눌러서 연속으로 해봤거든요? 근데 모두 다른 이름으로 src에 부여되었어요.
그리고, 게시판 취소를 눌러도 그 url 복사했다가 들어가봐도 계속 들어가져요.
근데 이러면 낭비가 될 수 있지 않나요? 만약 게시판 취소해버리면 그냥 서버에 이미지만 저장되고 그거와 링크된 게시물은 없게되잖아요.
답변 1
1
안녕하세요, 인프런 AI 인턴입니다.
말씀하신 내용과 관련해 이미지를 처리하는 방식에 대해 설명드리겠습니다.
온라인 게시판에서 이미지를 처리하는 일반적인 방법 중 하나는 사용자가 이미지를 붙여넣기 하면 프론트엔드가 해당 이미지를 서버로 전송하고, 서버는 그 이미지를 받아 저장한 후, 저장된 이미지에 접근할 수 있는 URL을 생성하여 프론트엔드로 다시 전송하는 것입니다. 프론트엔드는 이 URL을 img 태그의 src 속성에 설정하여 사용자에게 보여줍니다.
이 방법을 사용하면, 붙여넣은 이미지가 바로 서버에 저장되기 때문에 사용자가 게시물 작성을 취소하거나 다른 페이지로 이동할 경우 이미지는 서버에 불필요하게 남게 됩니다. 이와 같은 문제를 방지하기 위해 개발자는 여러 가지 전략을 사용할 수 있습니다.
- 일정 시간 후에 사용되지 않는 이미지를 정리하는 배치 작업을 구현하여 서버의 스토리지를 관리합니다.
- 사용자가 게시물을 등록할 때만 이미지가 최종적으로 저장되도록 하여, 게시물과 이미지가 연동되게 할 수 있습니다.
- 게시물 작성 페이지를 벗어날 때 사용자에게 경고를 하여 이미지가 낭비되지 않도록 안내합니다.
이 거의 모든 온라인 이미지 업로드 시스템은 서버에 부하를 주지 않으며, 스토리지를 효율적으로 관리하기 위한 다양한 방안이 마련되어 있습니다. 님의 토이 프로젝트에서도 이러한 전략 중 하나를 선택하여 구현할 수 있을 것입니다.
본 내용과 관련하여 더 도움이 필요하시면 인프런 강의의 “질문 잘하기 메뉴얼” 참고하여 구체적인 질문을 남겨주시면, 가이드를 제공해 드릴 수 있습니다.
질문 잘하기 메뉴얼 링크: 질문 잘하기 메뉴얼
기술적인 부분뿐만 아니라, 이런 전략적인 부분도 전체 시스템 설계에 중요한 부분이라는 점을 인지하셨으면 합니다.
이미지 업로드와 db 트랜잭션 묶는법
0
42
1
Could not resolve org.springframework.boot:spring-boot-starter-validation:2.4.4
0
53
2
MessageSourceTest 코드
0
47
1
인터셉터 에러 설정
0
48
1
resolveArgument()메서드 질문
0
57
1
43강 검증1 에서 실패 로직 관련 질문있습니다.
0
56
2
타임리프 3.X 버전 rendering, serializer 에러 해결 방법
2
133
3
스프링 빈에 등록이 안되는거 같은데 어떻게 하면 좋을까요?ㅠㅠ
0
90
3
pdf 오타 문의
0
57
1
ItemUpdateForm 검증 관련 질문입니다.
0
48
1
22page 링크 주소 변경
0
59
2
특정 데이터와 파일을 함께 저장 시, 테이블 구조 질문
0
53
1
섹션3번 수업에 대한 질문입니다.
0
80
2
@Autowired 보다 더 좋은 방법이 어떤 걸까요?
0
85
2
타입컨버터 가 람다랑 비슷해 보이는데 저의 생각이 맞는지?.
0
65
1
자바스크립트 인라인에서 객체 직렬화 시 오류가 납니다
0
142
3
스프링부트 - 오류페이지2 에서 500.html 에서 쓰인 객체 질문
0
63
1
톰캣 에러 페이지가 안보입니다.
0
102
2
apiEceptionController에서 센드 에러 호출하면 안되는지?
0
81
1
세션 타임아웃시 쿠키 삭제 방법이 없나요?
0
118
2
ApiExceptionController 질문드립니다.
0
64
1
셀렉박스 챕터에서 option value에 ==배송 방식 선택== 이것을 넣은 이유가 궁금함, 이렇게 구상해도 되는지?
0
66
1
MemberRepository 필드의 fianl 선언 유무
0
85
2
혹시 index.html 에서는 fragment 사용이 안되는건가요
0
58
1