저장을 하는것은 구현을 하였는데, 사용자가 상품 이미지를 보고싶어 하면, 프론트엔드에서 먼저 서버에, 원하는 상품의 id 값으로 요청을 하면, 서버는 그 상품이 서버에 저장된 이름을 반환해주고, 프론트엔드에서 그 이미지를 가지고, 서버에 저장되어 있는 이미지를 보여주는 방식을 사용하면 될까요..?

<span style="font-size: 12pt; font-family: Arial;" data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;안녕하세요. 님, 공식 서포터즈 David입니다.\n.\n\n.\n감사합니다.&quot;}" data-sheets-userformat="{&quot;2&quot;:1063747,&quot;3&quot;:{&quot;1&quot;:0},&quot;4&quot;:{&quot;1&quot;:2,&quot;2&quot;:16777215},&quot;9&quot;:0,&quot;11&quot;:0,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;15&quot;:&quot;Arial&quot;,&quot;16&quot;:12,&quot;23&quot;:1}" data-sheets-textstyleruns="{&quot;1&quot;:0}{&quot;1&quot;:10,&quot;2&quot;:{&quot;2&quot;:{&quot;1&quot;:2,&quot;2&quot;:1136076},&quot;9&quot;:1}}{&quot;1&quot;:17}" data-sheets-hyperlinkruns="{&quot;1&quot;:10,&quot;2&quot;:&quot;https://www.inflearn.com/blogs/617&quot;}{&quot;1&quot;:17}">안녕하세요.&nbsp;신동훈님, <a class="in-cell-link" href="https://www.inflearn.com/blogs/617" target="_blank" rel="noopener">공식 서포터즈</a> David입니다.
<span data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;안녕하세요. 님, 공식 서포터즈 David입니다.\n.\n\n.\n감사합니다.&quot;}" data-sheets-userformat="{&quot;2&quot;:1063747,&quot;3&quot;:{&quot;1&quot;:0},&quot;4&quot;:{&quot;1&quot;:2,&quot;2&quot;:16777215},&quot;9&quot;:0,&quot;11&quot;:0,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;15&quot;:&quot;Arial&quot;,&quot;16&quot;:12,&quot;23&quot;:1}" data-sheets-textstyleruns="{&quot;1&quot;:0}{&quot;1&quot;:10,&quot;2&quot;:{&quot;2&quot;:{&quot;1&quot;:2,&quot;2&quot;:1136076},&quot;9&quot;:1}}{&quot;1&quot;:17}" data-sheets-hyperlinkruns="{&quot;1&quot;:10,&quot;2&quot;:&quot;https://www.inflearn.com/blogs/617&quot;}{&quot;1&quot;:17}">.
무료 이미지로 유명한 unsplash의 api를 보시면 이미지의 id로 요청하면 이미지에 대한 url들을 응답으로 제공하고 있음을 볼 수 있습니다.
<span data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;안녕하세요. 님, 공식 서포터즈 David입니다.\n.\n\n.\n감사합니다.&quot;}" data-sheets-userformat="{&quot;2&quot;:1063747,&quot;3&quot;:{&quot;1&quot;:0},&quot;4&quot;:{&quot;1&quot;:2,&quot;2&quot;:16777215},&quot;9&quot;:0,&quot;11&quot;:0,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;15&quot;:&quot;Arial&quot;,&quot;16&quot;:12,&quot;23&quot;:1}" data-sheets-textstyleruns="{&quot;1&quot;:0}{&quot;1&quot;:10,&quot;2&quot;:{&quot;2&quot;:{&quot;1&quot;:2,&quot;2&quot;:1136076},&quot;9&quot;:1}}{&quot;1&quot;:17}" data-sheets-hyperlinkruns="{&quot;1&quot;:10,&quot;2&quot;:&quot;https://www.inflearn.com/blogs/617&quot;}{&quot;1&quot;:17}"><a href="https://unsplash.com/documentation#get-a-photo">https://unsplash.com/documentation#get-a-photo</a>
<span data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;안녕하세요. 님, 공식 서포터즈 David입니다.\n.\n\n.\n감사합니다.&quot;}" data-sheets-userformat="{&quot;2&quot;:1063747,&quot;3&quot;:{&quot;1&quot;:0},&quot;4&quot;:{&quot;1&quot;:2,&quot;2&quot;:16777215},&quot;9&quot;:0,&quot;11&quot;:0,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;15&quot;:&quot;Arial&quot;,&quot;16&quot;:12,&quot;23&quot;:1}" data-sheets-textstyleruns="{&quot;1&quot;:0}{&quot;1&quot;:10,&quot;2&quot;:{&quot;2&quot;:{&quot;1&quot;:2,&quot;2&quot;:1136076},&quot;9&quot;:1}}{&quot;1&quot;:17}" data-sheets-hyperlinkruns="{&quot;1&quot;:10,&quot;2&quot;:&quot;https://www.inflearn.com/blogs/617&quot;}{&quot;1&quot;:17}">API 설계에 따라 달라지는데요.
<span data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;안녕하세요. 님, 공식 서포터즈 David입니다.\n.\n\n.\n감사합니다.&quot;}" data-sheets-userformat="{&quot;2&quot;:1063747,&quot;3&quot;:{&quot;1&quot;:0},&quot;4&quot;:{&quot;1&quot;:2,&quot;2&quot;:16777215},&quot;9&quot;:0,&quot;11&quot;:0,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;15&quot;:&quot;Arial&quot;,&quot;16&quot;:12,&quot;23&quot;:1}" data-sheets-textstyleruns="{&quot;1&quot;:0}{&quot;1&quot;:10,&quot;2&quot;:{&quot;2&quot;:{&quot;1&quot;:2,&quot;2&quot;:1136076},&quot;9&quot;:1}}{&quot;1&quot;:17}" data-sheets-hyperlinkruns="{&quot;1&quot;:10,&quot;2&quot;:&quot;https://www.inflearn.com/blogs/617&quot;}{&quot;1&quot;:17}">상품id를 던졌을 때 상품 이미지 경로가 포함된 상품 정보가 응답으로 제공될 수도 있고
<span data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;안녕하세요. 님, 공식 서포터즈 David입니다.\n.\n\n.\n감사합니다.&quot;}" data-sheets-userformat="{&quot;2&quot;:1063747,&quot;3&quot;:{&quot;1&quot;:0},&quot;4&quot;:{&quot;1&quot;:2,&quot;2&quot;:16777215},&quot;9&quot;:0,&quot;11&quot;:0,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;15&quot;:&quot;Arial&quot;,&quot;16&quot;:12,&quot;23&quot;:1}" data-sheets-textstyleruns="{&quot;1&quot;:0}{&quot;1&quot;:10,&quot;2&quot;:{&quot;2&quot;:{&quot;1&quot;:2,&quot;2&quot;:1136076},&quot;9&quot;:1}}{&quot;1&quot;:17}" data-sheets-hyperlinkruns="{&quot;1&quot;:10,&quot;2&quot;:&quot;https://www.inflearn.com/blogs/617&quot;}{&quot;1&quot;:17}">아니면 이미지 전용 api를 만들어서 이미지만을 요청할 수도 있을 것 같습니다. . 감사합니다.

인프런 커뮤니티 질문&답변

REST API 방식으로 이미지를 보여주는 방법