From 7018d381b5db840d0703747f7ec878f58f4efa36 Mon Sep 17 00:00:00 2001 From: Hyungi Ahn Date: Sat, 25 Oct 2025 13:21:59 +0900 Subject: [PATCH] =?UTF-8?q?feat:=20=EC=88=98=EC=8B=A0=ED=95=A8=EC=97=90=20?= =?UTF-8?q?=EC=82=AC=EC=A7=84=20=EB=AF=B8=EB=A6=AC=EB=B3=B4=EA=B8=B0=20?= =?UTF-8?q?=EB=B0=8F=20=ED=99=95=EB=8C=80=20=EA=B8=B0=EB=8A=A5=20=EC=B6=94?= =?UTF-8?q?=EA=B0=80=20+=20=EB=8C=80=EC=8B=9C=EB=B3=B4=EB=93=9C=203?= =?UTF-8?q?=EA=B0=9C=20=EC=B9=B4=EB=93=9C=EB=A1=9C=20=EA=B0=84=EC=86=8C?= =?UTF-8?q?=ED=99=94?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ๐Ÿ–ผ๏ธ Photo Preview & Modal Features: - ์ˆ˜์‹ ํ•จ ์นด๋“œ์— ์‚ฌ์ง„ ์ธ๋„ค์ผ ํ‘œ์‹œ (150x100px) - photo_path, photo_path2 ๋ชจ๋‘ ์ง€์› (์ตœ๋Œ€ 2์žฅ) - ํด๋ฆญ ์‹œ ์ „์ฒดํ™”๋ฉด ๋ชจ๋‹ฌ๋กœ ์›๋ณธ ์‚ฌ์ง„ ํ™•๋Œ€ - ํ˜ธ๋ฒ„ ํšจ๊ณผ: 1.05๋ฐฐ ํ™•๋Œ€ ์• ๋‹ˆ๋ฉ”์ด์…˜ ๐Ÿ” Enhanced Photo Viewing: - ์–ด๋‘์šด ๋ฐฐ๊ฒฝ (80% ํˆฌ๋ช…๋„) ๋ชจ๋‹ฌ - ์›๋ณธ ์‚ฌ์ง„์„ 90% ํฌ๊ธฐ๋กœ ํ‘œ์‹œ - ESC ํ‚ค ๋˜๋Š” ๋ฐฐ๊ฒฝ ํด๋ฆญ์œผ๋กœ ๋ชจ๋‹ฌ ๋‹ซ๊ธฐ - ์šฐ์ƒ๋‹จ X ๋ฒ„ํŠผ์œผ๋กœ ๋‹ซ๊ธฐ ๐Ÿ“Š Dashboard Simplification: - 4๊ฐœ ์นด๋“œ โ†’ 3๊ฐœ ์นด๋“œ๋กœ ๊ฐ„์†Œํ™” - '์ „์ฒด' ์นด๋“œ ์ œ๊ฑฐ, ํ•ต์‹ฌ ์ง€ํ‘œ๋งŒ ์œ ์ง€ - ๊ธˆ์ผ ์‹ ๊ทœ, ๊ธˆ์ผ ์ฒ˜๋ฆฌ, ๋ฏธํ•ด๊ฒฐ๋งŒ ํ‘œ์‹œ - grid-cols-4 โ†’ grid-cols-3 ๋ ˆ์ด์•„์›ƒ ๋ณ€๊ฒฝ ๐ŸŽจ Visual Improvements: - ์‚ฌ์ง„ ๊ฐค๋Ÿฌ๋ฆฌ ๋ ˆ์ด์•„์›ƒ (flex, gap: 8px) - ๋ฐ˜์‘ํ˜• ์‚ฌ์ง„ ํ‘œ์‹œ (object-fit: cover) - ๋ถ€๋“œ๋Ÿฌ์šด ํŠธ๋žœ์ง€์…˜ ํšจ๊ณผ - ๋ชจ๋ฐ”์ผ ์นœํ™”์  ์‚ฌ์ง„ ํฌ๊ธฐ ๐Ÿ”ง Code Enhancements: - openPhotoModal(), closePhotoModal() ํ•จ์ˆ˜ - handleEscKey() ํ‚ค๋ณด๋“œ ์ด๋ฒคํŠธ ์ฒ˜๋ฆฌ - ์‚ฌ์ง„ ๊ฒฝ๋กœ ๊ฒ€์ฆ ๋ฐ ์˜ค๋ฅ˜ ์ฒ˜๋ฆฌ - ํ†ต๊ณ„ ํ•จ์ˆ˜์—์„œ totalCount ๊ด€๋ จ ์ฝ”๋“œ ์ •๋ฆฌ ๐Ÿš€ User Experience: - ์ง๊ด€์ ์ธ ์‚ฌ์ง„ ํ™•์ธ ๋ฐฉ์‹ - ๋น ๋ฅธ ์‚ฌ์ง„ ๋ฏธ๋ฆฌ๋ณด๊ธฐ - ํ‚ค๋ณด๋“œ ๋‹จ์ถ•ํ‚ค ์ง€์› (ESC) - ํ„ฐ์น˜ ์นœํ™”์  ์ธํ„ฐํŽ˜์ด์Šค Expected Result: โœจ ์ˆ˜์‹ ํ•จ์—์„œ ๋ฐ”๋กœ ์‚ฌ์ง„ ํ™•์ธ ๊ฐ€๋Šฅ โœจ ํด๋ฆญ ํ•œ ๋ฒˆ์œผ๋กœ ์‚ฌ์ง„ ํ™•๋Œ€ ๋ณด๊ธฐ โœจ ๊ฐ„์†Œํ™”๋œ 3๊ฐœ ํ•ต์‹ฌ ํ†ต๊ณ„ ์นด๋“œ โœจ ํ–ฅ์ƒ๋œ ์‹œ๊ฐ์  ์ •๋ณด ์ œ๊ณต --- frontend/issues-inbox.html | 111 +++++++++++++++++++++++++++++++------ 1 file changed, 95 insertions(+), 16 deletions(-) diff --git a/frontend/issues-inbox.html b/frontend/issues-inbox.html index c409e18..0158f61 100644 --- a/frontend/issues-inbox.html +++ b/frontend/issues-inbox.html @@ -111,6 +111,60 @@ opacity: 1; transform: translateY(0); } + + /* ์‚ฌ์ง„ ๋ฏธ๋ฆฌ๋ณด๊ธฐ ์Šคํƒ€์ผ */ + .photo-preview { + max-width: 150px; + max-height: 100px; + object-fit: cover; + border-radius: 8px; + cursor: pointer; + transition: transform 0.2s ease; + } + + .photo-preview:hover { + transform: scale(1.05); + } + + .photo-gallery { + display: flex; + gap: 8px; + flex-wrap: wrap; + margin-top: 8px; + } + + .photo-modal { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.8); + display: flex; + justify-content: center; + align-items: center; + z-index: 1000; + } + + .photo-modal img { + max-width: 90%; + max-height: 90%; + object-fit: contain; + border-radius: 8px; + } + + .photo-modal .close-btn { + position: absolute; + top: 20px; + right: 20px; + background: rgba(255, 255, 255, 0.9); + border: none; + border-radius: 50%; + width: 40px; + height: 40px; + cursor: pointer; + font-size: 18px; + } @@ -145,16 +199,7 @@ -
-
-
- -
-

์ „์ฒด

-

0

-
-
-
+
@@ -228,6 +273,12 @@
+ + + + + ${photoCount > 0 ? ` +
+ ${issue.photo_path ? `์ฒจ๋ถ€ ์‚ฌ์ง„ 1` : ''} + ${issue.photo_path2 ? `์ฒจ๋ถ€ ์‚ฌ์ง„ 2` : ''} +
+ ` : ''} +