여러개의 Resource 반환
413
작성한 질문수 1
학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요.
1. 강의 내용과 관련된 질문을 남겨주세요.
2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요.
(자주 하는 질문 링크: https://bit.ly/3fX6ygx)
3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요.
(질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG)
질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요.
=========================================
[질문 템플릿]
1. 강의 내용과 관련된 질문인가요? (아니오)
2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예)
3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예)
[질문 내용]
안녕하세요 강의 잘 들었습니다.
현재 진행하고 있는 게시판 프로젝트에서, 로컬 컴퓨터(서버)의 C://폴더명(프로젝트 외부 폴더임) 하위에 이미지를 저장하고 있는데, 사진 게시판에 접근할 때, 여러개의 사진(10개씩)을 동시에 response로 줘야 하는 상황에서 어떻게 하는지 잘 모르겠습니다. ResponseEntity에 List<Resource>를 담았더니 잘 안되는 것 같습니다.
+ +또한, 이미지 뿐만 아니라, 하나의 이미지에 대한 정보(제목, 좋아요 수, 조회 수) 까지 함께 보내야 하는 상황입니다.
AWS 같은 서비스를 사용하지 않고, 서버 컴퓨터에 파일을 저장하는 경우, 여러개의 파일을 동시에 클라이언트에 전송할 때, 어떤 방식을 사용하는지 궁금합니다.
또한, 여러개의 이미지를 전송할 때, 이미지 하나당 묶여있는 데이터를 어떻게 해야 함께 보낼 수 있는지, 일반적인 방법을 알고 싶습니다.
답변 1
1
안녕하세요 6843wjdgus님
일반적인 웹 브라우저를 사용하는 상황으로 가정하고 설명하겠습니다.
사진 게시판에 접근할 때 여러개의 사진을 동시에 보여주어야 한다면 웹 브라우저인 클라이언트에서 각각의 이미지를 따로 여러번 요청하시면 됩니다. 서버에서는 각각 요청이 오기 때문에 리스트로 반환하는 것이 아니라 각각 하나의 리소스만 반환하면 됩니다.
보통 <img> tag를 사용하고 그 경로를 서버의 경로로 지정해주시면 됩니다.
여러개의 사진을 요청한다면 <img> tag를 여러번 사용하도록 HTML를 작성하시면 됩니다.
추가로 제목, 좋아요 수, 조회 수의 경우에는 HTML를 서버에서 랜더링 할 때 HTML 요소에 포함해서 랜더링 해도 되고, 아니면 JSON 같은 형식으로 내려주시면 됩니다.
추가로 이미지 파일은 보통 byte 형식을 사용하고, 이미지당 묶여 있는 데이터의 경우에는 JSON 형식의 데이터를 사용하시면 됩니다. 그래서 이미지 byte와 데이터는 각각 따로 요청하도록 만드셔야 합니다.
간단히 예를 들어드리면 JSON 형식을 사용하는 경우에는 다음과 같이 먼저 JSON 형식의 파일을 내리고, 추가로 imageUrl을 통해서 이미지를 다운로드 받는 것을 클라이언트에서 추가로 구현해야 합니다.
[
{
"imageUrl": "/images/image1.jpg",
"title": "제목1",
"likes": 10,
"views": 200
},
{
"imageUrl": "/images/image2.jpg",
"title": "제목2",
"likes": 15,
"views": 150
},
// ...
]
감사합니다.
이미지 업로드와 db 트랜잭션 묶는법
0
46
1
Could not resolve org.springframework.boot:spring-boot-starter-validation:2.4.4
0
55
2
MessageSourceTest 코드
0
49
1
인터셉터 에러 설정
0
48
1
resolveArgument()메서드 질문
0
58
1
43강 검증1 에서 실패 로직 관련 질문있습니다.
0
60
2
타임리프 3.X 버전 rendering, serializer 에러 해결 방법
2
133
3
스프링 빈에 등록이 안되는거 같은데 어떻게 하면 좋을까요?ㅠㅠ
0
93
3
pdf 오타 문의
0
57
1
ItemUpdateForm 검증 관련 질문입니다.
0
50
1
22page 링크 주소 변경
0
59
2
특정 데이터와 파일을 함께 저장 시, 테이블 구조 질문
0
53
1
섹션3번 수업에 대한 질문입니다.
0
80
2
@Autowired 보다 더 좋은 방법이 어떤 걸까요?
0
87
2
타입컨버터 가 람다랑 비슷해 보이는데 저의 생각이 맞는지?.
0
66
1
자바스크립트 인라인에서 객체 직렬화 시 오류가 납니다
0
143
3
스프링부트 - 오류페이지2 에서 500.html 에서 쓰인 객체 질문
0
65
1
톰캣 에러 페이지가 안보입니다.
0
104
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
59
1





