From a93780731c6585b73762e1cdf17efe8122b904ea Mon Sep 17 00:00:00 2001
From: zenn <zenn.message@gmail.com>
Date: Wed, 24 Jun 2026 10:16:40 +0900
Subject: [PATCH] =?UTF-8?q?=EB=8C=80=ED=91=9C=20=EC=9D=B4=EB=AF=B8?=
 =?UTF-8?q?=EC=A7=80=20=EC=9B=90=EB=B3=B8=20=EC=84=A0=ED=83=9D=20=EB=B3=B4?=
 =?UTF-8?q?=EA=B0=95=20v1.7.9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/admin/AdminMarkdownEditor.vue | 10 ++--------
 components/admin/AdminPostForm.vue       | 17 +++++++++++++----
 docs/changelog.md                        |  5 +++++
 docs/deploy.md                           |  9 ++++++++-
 docs/map.md                              |  5 +++--
 docs/spec.md                             |  3 ++-
 docs/update.md                           |  6 ++++++
 lib/post-card-thumbnail-url.js           | 10 ++++++++++
 package-lock.json                        |  4 ++--
 package.json                             |  2 +-
 server/utils/admin-post-input.js         |  7 ++++++-
 server/utils/post-thumbnail-image.js     | 11 +++--------
 12 files changed, 61 insertions(+), 28 deletions(-)
 create mode 100644 lib/post-card-thumbnail-url.js

diff --git a/components/admin/AdminMarkdownEditor.vue b/components/admin/AdminMarkdownEditor.vue
index 053c29e..189f5e5 100644
--- a/components/admin/AdminMarkdownEditor.vue
+++ b/components/admin/AdminMarkdownEditor.vue
@@ -25,6 +25,7 @@ import {
 import { buildCalloutOpenerLine, CALLOUT_BACKGROUND_OPTIONS, QUOTE_BACKGROUND_OPTIONS } from '../../lib/markdown-callout.js'
 import { buildCodeFenceOpener } from '../../lib/markdown-code-block.js'
 import { buildToggleOpenerLine } from '../../lib/markdown-toggle.js'
+import { isPostCardThumbnailUrl } from '../../lib/post-card-thumbnail-url.js'
 import { getTextareaCaretCoordinates } from '../../lib/textarea-caret-coordinates.js'
 import {
   buildDefaultUploadSizeLimits,
@@ -138,13 +139,6 @@ const mediaPickerAccept = computed(() => {
   return '.pdf,.zip,.txt,.csv,.docx,.xlsx,.pptx'
 })
 
-/**
- * 게시물 카드용 파생 썸네일 URL인지 확인한다.
- * @param {string|null|undefined} url - 미디어 URL
- * @returns {boolean} 카드 썸네일 여부
- */
-const isPostCardThumbnailMediaUrl = (url) => /^\/uploads\/posts\/\d{4}\/\d{2}\/thumbs\/[^/?#]+-card\.webp$/i.test(String(url || ''))
-
 /** 작성 textarea 최소 높이(px) */
 const MIN_TEXTAREA_HEIGHT_PX = 620
 
@@ -1819,7 +1813,7 @@ const getMediaItemKind = (item) => {
  * @returns {boolean} 선택 가능 여부
  */
 const isMediaItemSelectableForTarget = (item) => {
-  if (isPostCardThumbnailMediaUrl(item?.url)) {
+  if (isPostCardThumbnailUrl(item?.url)) {
     return false
   }
 
diff --git a/components/admin/AdminPostForm.vue b/components/admin/AdminPostForm.vue
index 0649987..374c8f0 100644
--- a/components/admin/AdminPostForm.vue
+++ b/components/admin/AdminPostForm.vue
@@ -5,6 +5,7 @@ import {
   toAdminPostStoredTitle
 } from '../../lib/admin-post-title.js'
 import { normalizeMarkdownContent } from '../../lib/markdown-content-normalizer.js'
+import { isPostCardThumbnailUrl } from '../../lib/post-card-thumbnail-url.js'
 import { DEFAULT_POST_TAG_LIMIT, normalizePostTagLimit } from '../../lib/post-tag-limit.js'
 
 const props = defineProps({
@@ -92,6 +93,14 @@ const defaultTagColor = '#15171a'
 /** @type {number} 한국어 본문 예상 읽기 속도(분당 공백 제외 문자 수) */
 const READING_CHARS_PER_MINUTE = 600
 
+/**
+ * 대표 이미지로 선택 가능한 원본 이미지 목록
+ * @returns {Array<Object>} 카드 썸네일을 제외한 이미지 목록
+ */
+const featuredImageMediaItems = computed(() => mediaItems.value.filter((item) => (
+  item?.kind === 'image' && !isPostCardThumbnailUrl(item.url)
+)))
+
 /**
  * ISO 날짜를 datetime-local 입력값으로 변환
  * @param {string} value - ISO 날짜 문자열
@@ -750,7 +759,7 @@ const fetchMediaItems = async () => {
 const openMediaPicker = async (target = 'featuredImage') => {
   mediaPickerTarget.value = target
   activeMediaPickerTab.value = 'upload'
-  selectedMediaPickerUrl.value = form[target] || ''
+  selectedMediaPickerUrl.value = isPostCardThumbnailUrl(form[target]) ? '' : form[target] || ''
   isMediaPickerOpen.value = true
   await fetchMediaItems()
 }
@@ -777,7 +786,7 @@ const selectPickedImage = (item) => {
  * @returns {void}
  */
 const applyPickedImage = () => {
-  if (!selectedMediaPickerUrl.value) {
+  if (!selectedMediaPickerUrl.value || isPostCardThumbnailUrl(selectedMediaPickerUrl.value)) {
     return
   }
 
@@ -2138,9 +2147,9 @@ defineExpose({
             <p v-if="isLoadingMedia" class="admin-post-form__media-picker-loading text-sm text-muted">
               미디어를 불러오는 중입니다.
             </p>
-            <div v-else-if="mediaItems.length" class="admin-post-form__media-picker-grid grid grid-cols-3 gap-2 sm:grid-cols-4 md:grid-cols-6">
+            <div v-else-if="featuredImageMediaItems.length" class="admin-post-form__media-picker-grid grid grid-cols-3 gap-2 sm:grid-cols-4 md:grid-cols-6">
               <button
-                v-for="item in mediaItems"
+                v-for="item in featuredImageMediaItems"
                 :key="item.url"
                 class="admin-post-form__media-picker-item relative overflow-hidden border bg-white text-left transition hover:border-[#8e9cac] hover:shadow-sm"
                 :class="selectedMediaPickerUrl === item.url ? 'border-[#15171a] ring-2 ring-[#15171a]' : 'border-line'"
diff --git a/docs/changelog.md b/docs/changelog.md
index e3faf01..3a0d7a4 100644
--- a/docs/changelog.md
+++ b/docs/changelog.md
@@ -1,5 +1,10 @@
 # 업데이트 요약
 
+## v1.7.9
+
+- 대표 이미지와 본문 이미지·갤러리 선택 창에서 목록용 카드 썸네일을 숨기고 원본만 선택하도록 정리했다.
+- 카드 썸네일이 대표 이미지로 다시 저장되는 상황을 서버에서도 차단했다.
+
 ## v1.7.8
 
 - 글쓰기 이미지·갤러리 창이 업로드 화면부터 열리고, 새로 올린 파일이 자동 선택되도록 개선했다.
diff --git a/docs/deploy.md b/docs/deploy.md
index 6fe1f56..a4d9162 100644
--- a/docs/deploy.md
+++ b/docs/deploy.md
@@ -1,6 +1,6 @@
 # 배포 가이드
 
-> 로컬 기준 v1.7.8에서 `npm run verify` 검증을 통과했다. NAS 실제 컨테이너 기동과 도메인/프록시 접속 검증은 운영 배포 단계에서 진행한다.
+> 로컬 기준 v1.7.9에서 `npm run verify` 검증을 통과했다. NAS 실제 컨테이너 기동과 도메인/프록시 접속 검증은 운영 배포 단계에서 진행한다.
 
 ## 빌드 유형
 
@@ -16,6 +16,13 @@
 
 ## 로컬 개발
 
+### v1.7.9 참고
+
+- 추가 DB 마이그레이션은 없다.
+- 대표 이미지 미디어 라이브러리에 원본 이미지만 보이고 `thumbs/*-card.webp` 파생 파일이 숨겨지는지 확인한다.
+- 본문 `/이미지`·`/갤러리` 미디어 라이브러리에서도 카드 썸네일이 숨겨지는지 확인한다.
+- 카드 썸네일 URL을 대표 이미지로 직접 저장하려는 요청이 거부되는지 확인한다.
+
 ### v1.7.8 참고
 
 - 추가 DB 마이그레이션은 없다.
diff --git a/docs/map.md b/docs/map.md
index 126f224..df95574 100644
--- a/docs/map.md
+++ b/docs/map.md
@@ -26,6 +26,7 @@
 | 파일 | 용도 |
 |------|------|
 | lib/upload-size-limit.js | 관리자 미디어 업로드 종류별 최대 바이트 판별·용량 문구(서버·클라이언트 공용) |
+| lib/post-card-thumbnail-url.js | 게시물 카드 썸네일 `thumbs/*-card.webp` URL 판별(대표 이미지·본문 이미지·갤러리 선택 및 서버 검증 공용) |
 | lib/external-favicon-url.js | 외부 URL origin 기준 Google `gstatic.com/faviconV2` 파비콘 URL 생성(내부 경로는 빈 문자열) |
 | lib/navigation-url.js | 네비게이션 URL 접두사 분리·합성·정규화(`https://` 자동 보정, `/` 내부 경로) |
 | lib/recommended-site-icon-url.js | 추천 사이트 아이콘 URL 우선순위(수동 썸네일 > 서버 캐시 > 외부 프록시) |
@@ -111,7 +112,7 @@
 | components/admin/AdminAdsSettingsCard.vue | 관리자 사이트 설정의 위치별 Ads 코드 카드(메인 피드·메인 인피드·오른쪽 사이드·게시물 오른쪽 사이드·게시물 본문 상단·인아티클·하단) |
 | components/admin/AdminPostExportFileRow.vue | 관리자 사이트 설정 내보내기 작업의 분할 파일 선택 행 |
 | components/admin/AdminMediaVideoThumbnail.vue | 관리자 미디어 목록 비디오 항목의 초반 프레임 캔버스 썸네일 |
-| components/admin/AdminPostForm.vue | 관리자 글 작성/수정 폼, Ghost형 툴바(왼쪽 상태 텍스트·Publish/Update/Unpublish/Unschedule, 서버 반영 상태 기준 분기), 초안만 서버 디바운스 자동 저장·신규 임시 슬러그·발행·예약·멤버십·비공개 상태 저장, 발행 모달(중앙 배치), 좌우 설정 패널(작은 화면은 오른쪽 고정 오버레이), 오른쪽 `View Post` 링크, 오른쪽 하단 본문 통계(단어·문자·공백·읽기 시간·블록·이미지), 미리보기 emit·미저장 이탈 가드, 대표 이미지 본문 상단 표시 토글, 추천 글 토글, 사이트 설정 기준 태그 최대 개수 제한, 태그 색상 배지 다중 입력·메인 태그 드롭다운·부분 검색 추천 |
+| components/admin/AdminPostForm.vue | 관리자 글 작성/수정 폼, Ghost형 툴바(왼쪽 상태 텍스트·Publish/Update/Unpublish/Unschedule, 서버 반영 상태 기준 분기), 초안만 서버 디바운스 자동 저장·신규 임시 슬러그·발행·예약·멤버십·비공개 상태 저장, 발행 모달(중앙 배치), 좌우 설정 패널(작은 화면은 오른쪽 고정 오버레이), 오른쪽 `View Post` 링크, 오른쪽 하단 본문 통계(단어·문자·공백·읽기 시간·블록·이미지), 미리보기 emit·미저장 이탈 가드, 카드 썸네일을 숨기는 원본 전용 대표 이미지 선택, 대표 이미지 본문 상단 표시 토글, 추천 글 토글, 사이트 설정 기준 태그 최대 개수 제한, 태그 색상 배지 다중 입력·메인 태그 드롭다운·부분 검색 추천 |
 | components/admin/AdminPageForm.vue | 관리자 페이지 작성/수정 폼, 게시글 작성과 같은 전체 화면 에디터·상단 저장 툴바·접이식 오른쪽 설정 패널, 페이지 공개 상태 선택, HTML 문서 기본 모드, 빈 본문/`!`+Tab HTML 골격 자동 완성, 항상 보이는 일반 텍스트/HTML 모드 선택, 한글 제목 영문 슬러그 자동 변환, HTML textarea 커서 위치 파일 URL 삽입 |
 | components/admin/AdminMarkdownEditor.vue | 관리자 글 Markdown-first 에디터, 라이브·소스 모드 `/` 슬래시 명령(`/표` 기본 표 템플릿 포함)·미디어 모달(이미지·갤러리·비디오·오디오·파일, 업로드 탭 기본·첫 순서, 업로드 완료 파일 자동 선택, 카드 썸네일 파생 파일 숨김, 업로드 중 중복 업로드·닫기 차단·로딩 표시), 코드 블록 본문 슬래시 명령 비활성화, 커서 블록 컨텍스트·선택 텍스트 색상 컨텍스트 `block-panel` emit, 에디터 본문 `Cmd/Ctrl+Z` 히스토리와 선택 위치 복원, 라이브 이미지 설정 패널·이미지↔갤러리 드래그 변환(`merge-images-to-gallery`·`insert-image-to-gallery`·`extract-gallery-image`), 소스·라이브 `Cmd+Shift+K` 줄 삭제, 소스·라이브 `Cmd/Ctrl+K` 링크 삽입, 코드·콜아웃·토글 내부 줄 삭제, 라이브 fenced 블록 현재 닫는 줄 기준 교체, 블록 패널 바깥 클릭·지원 블록 밖 커서 이동 시 닫기·미디어 모달 중 유지, 인용 마지막 줄 아래 방향키 외부 문단 포커스 이동, 인용·콜아웃·코드·토글 선언 줄 옵션 수정, IME 조합 중 블록 패널 유지, 소스 모드 wrap 라인 번호 보정·라이브↔소스 위치 복원(코드·콜아웃·토글 선언 줄은 본문 줄로 보정), 라이브 슬래시 명령 후 포커스 복원 지연 |
 | components/admin/AdminEditorBlockPanel.vue | 게시물 설정 사이드바 오버레이 블록 설정(선택 텍스트 색상, 이미지·갤러리·HTML·인용 배경색·콜아웃 제목·아이콘·배경색·코드·토글), 갤러리 선택 이미지 강조 |
@@ -291,7 +292,7 @@
 | server/utils/request-ip.js | 프록시 헤더 포함 요청 IP 조회 유틸리티 |
 | server/utils/member-avatar.js | 회원 전용 썸네일 경로 검증·프로필 분리 시 `media_metadata`만 제거(디스크는 관리자 미디어에서 정리) |
 | server/utils/member-avatar-upload.js | 회원 썸네일 공통 업로드 검증·Unicode 원본명 기반 파일명·WebP 변환·중앙 1:1 크롭·저장 유틸 |
-| server/utils/admin-post-input.js | 관리자 게시물 입력값 검증 스키마 |
+| server/utils/admin-post-input.js | 관리자 게시물 입력값 Zod 검증 스키마, 카드 썸네일 URL의 대표 이미지 지정 차단 |
 | server/utils/admin-page-input.js | 관리자 고정 페이지 입력값 검증 스키마 |
 | server/utils/admin-site-settings-input.js | 관리자 사이트 설정 입력값 검증 스키마 |
 | server/utils/admin-navigation-input.js | 관리자 네비게이션 입력값 검증 스키마 |
diff --git a/docs/spec.md b/docs/spec.md
index 344b228..e00845c 100644
--- a/docs/spec.md
+++ b/docs/spec.md
@@ -245,7 +245,8 @@ components/content/
   - 파일: `:::file` ~ `:::` (`url`, `title`, `description`, `name`, `size`) — 다운로드 링크 카드
   - 렌더링: `ProseVideo.vue`, `ProseAudio.vue`, `ProseFile.vue`
   - 관리자 슬래시: `/video`, `/audio`, `/file`로 빈 템플릿 삽입 후 URL·메타 수정
-- 관리자 미디어 화면은 미디어 라이브러리·카드 썸네일·프로필 이미지 탭으로 구분한다. 미디어 라이브러리 탭은 원본 업로드 파일만 표시하고, 게시물 목록용 `thumbs/*-card.webp` 파생 파일은 카드 썸네일 탭에만 표시한다. 게시물 본문 글쓰기의 `/이미지`·`/갤러리` 미디어 모달은 업로드 탭을 먼저 열고, 업로드 완료 후 라이브러리에서 새 파일을 자동 선택한다. `thumbs/*-card.webp` 파생 파일은 숨겨 원본과 카드 썸네일이 중복 선택되지 않게 한다.
+- 관리자 미디어 화면은 미디어 라이브러리·카드 썸네일·프로필 이미지 탭으로 구분한다. 미디어 라이브러리 탭은 원본 업로드 파일만 표시하고, 게시물 목록용 `thumbs/*-card.webp` 파생 파일은 카드 썸네일 탭에만 표시한다. 게시물 글쓰기의 대표 이미지와 본문 `/이미지`·`/갤러리` 선택 모달은 모두 카드 썸네일 파생 파일을 숨기고 원본 이미지만 선택하게 한다. 본문 미디어 모달은 업로드 탭을 먼저 열고, 업로드 완료 후 라이브러리에서 새 파일을 자동 선택한다.
+- 게시물 생성·수정 API는 `thumbs/*-card.webp` 카드 썸네일 URL을 대표 이미지로 저장하지 못하게 검증한다. 카드 썸네일은 원본 대표 이미지 저장 후 목록 표시용으로만 자동 생성한다.
 - 주소·HTML 임베드 블록은 위 블록과 불필요하게 벌어지지 않도록 상단 외부 여백 없이 표시하고, 다음 블록과 구분되는 하단 여백만 유지한다.
 - 관리자 미디어 화면의 미디어 라이브러리 탭은 전체·이미지·영상·음악·파일 종류 필터와 미사용 필터를 제공한다. 미사용은 게시물·페이지·사이트 설정·회원 프로필에서 참조되지 않는 항목을 의미한다. 비디오 항목은 브라우저에서 초반 프레임을 캔버스로 추출해 목록 썸네일로 표시하고, 추출 실패 시 `video` placeholder를 유지한다.
 - 카드 썸네일 탭의 항목은 원본 대표 이미지가 사용 중이면 `목록 카드 썸네일` 사용처를 가진 것으로 판정한다. 원본 대표 이미지가 사용 중이지만 카드 썸네일 파일이 없으면 원본 항목에 `원본` 배지와 “목록에서 원본 이미지를 불러옴” 상태를 표시한다. 카드 썸네일은 원본과의 연결을 유지하기 위해 폴더 이동과 파일명 변경을 막고, 사용 중이면 삭제도 막는다.
diff --git a/docs/update.md b/docs/update.md
index 2f6607b..77a2e7b 100644
--- a/docs/update.md
+++ b/docs/update.md
@@ -1,5 +1,11 @@
 # 업데이트 이력
 
+## v1.7.9
+
+- 대표 이미지 미디어 라이브러리에서 게시물 카드 썸네일 파생 파일을 숨기고 원본 이미지만 선택하도록 수정.
+- 본문 이미지·갤러리·대표 이미지의 카드 썸네일 URL 판별을 공통 유틸로 통일.
+- 게시물 저장 API에서 카드 썸네일 URL을 대표 이미지로 지정하지 못하도록 검증 추가.
+
 ## v1.7.8
 
 - 게시물 글쓰기 이미지·갤러리 미디어 모달의 기본 탭을 업로드로 변경하고 업로드 탭을 첫 순서로 정리.
diff --git a/lib/post-card-thumbnail-url.js b/lib/post-card-thumbnail-url.js
new file mode 100644
index 0000000..ab075ec
--- /dev/null
+++ b/lib/post-card-thumbnail-url.js
@@ -0,0 +1,10 @@
+const postCardThumbnailUrlPattern = /^\/uploads\/posts\/\d{4}\/\d{2}\/thumbs\/[^/?#]+-card\.webp$/i
+
+/**
+ * 게시물 카드 썸네일 URL인지 확인한다.
+ * @param {string|null|undefined} imageUrl - 검사할 이미지 URL
+ * @returns {boolean} 카드 썸네일 여부
+ */
+export const isPostCardThumbnailUrl = (imageUrl) => Boolean(
+  imageUrl && postCardThumbnailUrlPattern.test(String(imageUrl))
+)
diff --git a/package-lock.json b/package-lock.json
index f46ce62..7df7c0d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "sori.studio",
-  "version": "1.7.8",
+  "version": "1.7.9",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "sori.studio",
-      "version": "1.7.8",
+      "version": "1.7.9",
       "hasInstallScript": true,
       "dependencies": {
         "@nuxtjs/tailwindcss": "^6.14.0",
diff --git a/package.json b/package.json
index c237cd9..be9059c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sori.studio",
-  "version": "1.7.8",
+  "version": "1.7.9",
   "private": true,
   "type": "module",
   "imports": {
diff --git a/server/utils/admin-post-input.js b/server/utils/admin-post-input.js
index 0958813..95e3f56 100644
--- a/server/utils/admin-post-input.js
+++ b/server/utils/admin-post-input.js
@@ -1,6 +1,7 @@
 import { z } from 'zod'
 import { ADMIN_POST_PLACEHOLDER_TITLE } from '../../lib/admin-post-title.js'
 import { normalizeMarkdownContent } from '../../lib/markdown-content-normalizer.js'
+import { isPostCardThumbnailUrl } from '../../lib/post-card-thumbnail-url.js'
 import { postStatusSchema } from './content-schema.js'
 
 export const adminPostInputSchema = z.object({
@@ -11,7 +12,11 @@ export const adminPostInputSchema = z.object({
   slug: z.string().trim().min(1).regex(/^[a-z0-9가-힣]+(?:-[a-z0-9가-힣]+)*$/),
   content: z.preprocess(normalizeMarkdownContent, z.string()).default(''),
   excerpt: z.string().default(''),
-  featuredImage: z.string().trim().nullable().default(null),
+  featuredImage: z.string()
+    .trim()
+    .nullable()
+    .default(null)
+    .refine((value) => !isPostCardThumbnailUrl(value), '카드 썸네일은 대표 이미지로 사용할 수 없습니다.'),
   showFeaturedImage: z.boolean().default(false),
   isFeatured: z.boolean().default(false),
   seoTitle: z.string().trim().default(''),
diff --git a/server/utils/post-thumbnail-image.js b/server/utils/post-thumbnail-image.js
index 12fa5c8..38582d3 100644
--- a/server/utils/post-thumbnail-image.js
+++ b/server/utils/post-thumbnail-image.js
@@ -2,13 +2,15 @@ import { existsSync } from 'node:fs'
 import { mkdir, stat } from 'node:fs/promises'
 import { dirname, extname, join, posix } from 'node:path'
 import sharp from 'sharp'
+import { isPostCardThumbnailUrl } from '../../lib/post-card-thumbnail-url.js'
+
+export { isPostCardThumbnailUrl }
 
 export const POST_THUMBNAIL_WIDTH = 640
 export const POST_THUMBNAIL_HEIGHT = 360
 export const POST_THUMBNAIL_QUALITY = 82
 
 const postUploadUrlPattern = /^\/uploads\/posts\/\d{4}\/\d{2}\/[^/?#]+$/i
-const postThumbnailUrlPattern = /^\/uploads\/posts\/\d{4}\/\d{2}\/thumbs\/[^/?#]+-card\.webp$/i
 const postThumbnailDirectoryName = 'thumbs'
 const postThumbnailSuffix = '-card'
 const postThumbnailExtension = '.webp'
@@ -75,13 +77,6 @@ export const getPostThumbnailUrl = (imageUrl) => {
   return `${directory}/${postThumbnailDirectoryName}/${getPostThumbnailFileName(fileName)}`
 }
 
-/**
- * 게시물 카드 썸네일 URL인지 확인한다.
- * @param {string|null|undefined} imageUrl - 검사할 이미지 URL
- * @returns {boolean} 카드 썸네일 여부
- */
-export const isPostCardThumbnailUrl = (imageUrl) => Boolean(imageUrl && postThumbnailUrlPattern.test(imageUrl))
-
 /**
  * 게시물 카드 썸네일 URL의 디스크 경로를 조회한다.
  * @param {string} imageUrl - 원본 이미지 URL