diff --git a/CHANGELOG.md b/CHANGELOG.md index b3245d0..4b7737c 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -6,6 +6,13 @@ ## 2026-07-27 +### ๐ŸŽจ [Designer] #545 ํ•ด์™ธ ์‹๋‹น ์˜ˆ์•ฝ ๋ฒ„ํŠผ ์ ‘๊ทผ์„ฑ/๋ช…ํ™•์„ฑ ๋‹ค๋“ฌ๊ธฐ +- ๊ธฐ๋Šฅ ๋™์ž‘ ๋ณ€๊ฒฝ ์—†์Œ(๋ฒ„ํŠผ ๋…ธ์ถœ ๊ฒŒ์ดํŠธ๋Š” QA ํ†ต๊ณผ๋œ `isKoreaRestaurant()` ๊ทธ๋Œ€๋กœ ์œ ์ง€) โ€” ํ‘œํ˜„/์ ‘์ ๋งŒ ๋ณด์™„ +- ํ…Œ์ด๋ธ”๋ง/์บ์น˜ํ…Œ์ด๋ธ” ๋งํฌ์— `title` ์†์„ฑ ์ถ”๊ฐ€("โ€ฆ (์ƒˆ ํƒญ)") โ€” ์ƒˆ ํƒญ์œผ๋กœ ์ด๋™ํ•จ์„ ์‚ฌ์ „์— ์•Œ๋ ค ์˜ˆ์•ฝ ๋„์ค‘ ์˜ˆ๊ธฐ์น˜ ์•Š์€ ์ดํƒˆ๊ฐ์„ ์ค„์ž„ +- ๋กœ๊ณ  ๋Œ€์ฒด์šฉ ๋‹จ์ผ ๋ฌธ์ž(`T`, `C`)์— `aria-hidden="true"` ์ ์šฉ โ€” ์Šคํฌ๋ฆฐ๋ฆฌ๋”๊ฐ€ ์˜๋ฏธ ์—†๋Š” ๋‚ฑ๊ธ€์ž("T", "C")๋ฅผ ์ค‘๋ณต ๋‚ญ๋…ํ•˜์ง€ ์•Š๊ณ  ์‹ค์ œ ๋ผ๋ฒจ("ํ…Œ์ด๋ธ”๋ง์—์„œ ์ค„์„œ๊ธฐ" ๋“ฑ)๋งŒ ์ฝ๋„๋ก ์ •๋ฆฌ +- `tsc --noEmit` ํ†ต๊ณผ, `RestaurantDetail.test.tsx` 5/5 ํ†ต๊ณผ(ํšŒ๊ท€ ์—†์Œ) +- 05-Designer โ†’ 06-Reviewer ๋กœ ์ „์ง„ + ### โœ… [QA] #545 ํ•ด์™ธ ์‹๋‹น ์˜ˆ์•ฝ ๋ฒ„ํŠผ ์ˆจ๊น€ โ€” ๊ฒ€์ฆ ํ†ต๊ณผ - ์„ค๊ณ„์„œ(`docs/design/545-hide-foreign-reservation-buttons/README.md`) ์ธ์ˆ˜์กฐ๊ฑด ๋Œ€๋น„ ๊ตฌํ˜„(`RestaurantDetail.tsx`) ์ผ์น˜ ํ™•์ธ - ํ…Œ์ด๋ธ”๋ง/์บ์น˜ํ…Œ์ด๋ธ” ๋ฒ„ํŠผ 2๊ณณ ๋ชจ๋‘ `isKoreaRestaurant(restaurant) &&` ๊ฒŒ์ดํŠธ ์ ์šฉ๋จ (์ง€๋„ ๋งํฌ ๋ถ„๊ธฐ์™€ ๋™์ผ ํŒ์ • ๊ธฐ์ค€ ์žฌ์‚ฌ์šฉ) diff --git a/docs/design/545-hide-foreign-reservation-buttons/README.md b/docs/design/545-hide-foreign-reservation-buttons/README.md index a08a39e..6a791dc 100644 --- a/docs/design/545-hide-foreign-reservation-buttons/README.md +++ b/docs/design/545-hide-foreign-reservation-buttons/README.md @@ -1,7 +1,7 @@ # ์„ค๊ณ„์„œ: ํ•ด์™ธ ์‹๋‹น ์˜ˆ์•ฝ ๋ฒ„ํŠผ(ํ…Œ์ด๋ธ”๋ง/์บ์น˜ํ…Œ์ด๋ธ”) ์ˆจ๊น€ (#545) -> **์ƒํƒœ**: Approved ยท QA ํ†ต๊ณผ -> **์ž‘์„ฑ**: [AI] Architect (์†Œ๊ธ‰ ์ž‘์„ฑ โ€” Developer ๊ตฌํ˜„ ํ›„ ๊ฒŒ์ดํŠธ ๋ณด์™„) ยท **์ตœ์ข…์ˆ˜์ •**: 2026-07-27 ([AI] QA) +> **์ƒํƒœ**: Approved ยท QA ํ†ต๊ณผ ยท Designer ์ ‘๊ทผ์„ฑ ๋‹ค๋“ฌ๊ธฐ ์™„๋ฃŒ +> **์ž‘์„ฑ**: [AI] Architect (์†Œ๊ธ‰ ์ž‘์„ฑ โ€” Developer ๊ตฌํ˜„ ํ›„ ๊ฒŒ์ดํŠธ ๋ณด์™„) ยท **์ตœ์ข…์ˆ˜์ •**: 2026-07-27 ([AI] Designer) > **์ถ”์ ์„ฑ** โ€” Redmine: #545 ยท ๊ด€๋ จ ADR: ์—†์Œ > ยท ๊ตฌํ˜„ ํŒŒ์ผ: `frontend/src/components/RestaurantDetail.tsx` ยท ํ…Œ์ŠคํŠธ: `frontend/__tests__/RestaurantDetail.test.tsx` (5์ผ€์ด์Šค, ์œก์•ˆ QA๋ฅผ ์ž๋™ํ™” ํšŒ๊ท€ ํ…Œ์ŠคํŠธ๋กœ ๋Œ€์ฒด) @@ -78,3 +78,9 @@ isKoreaRestaurant(r) โ”€โ”€falseโ”€โ”€โ–ถ ํ…Œ์ด๋ธ”๋ง/์บ์น˜ํ…Œ์ด๋ธ” ๋ฒ„ํŠผ ## 12. ๋ฏธํ•ด๊ฒฐ ์งˆ๋ฌธ (Open Questions) - ๋ฐฑ์—”๋“œ ์˜ˆ์•ฝ URL ์ˆ˜์ง‘/๊ฒ€์ƒ‰ ๋‹จ๊ณ„์—์„œ ํ•ด์™ธ ์‹๋‹น์„ ์›์ฒœ ์ œ์™ธํ• ์ง€ ์—ฌ๋ถ€๋Š” ๋ณ„๋„ ์ด์Šˆ๋กœ ๋ถ„๋ฆฌํ•  ๊ฐ€์น˜๊ฐ€ ์žˆ์Œ (์„ค๋ช…์— "ํ›„์†(์˜ต์…˜)"์œผ๋กœ ๋ช…์‹œ๋จ). + +## 13. Designer ๋‹ค๋“ฌ๊ธฐ (ํ‘œํ˜„/์ ‘์ , ๊ธฐ๋Šฅ ๋ณ€๊ฒฝ ์—†์Œ) +- ํŒ์ • ๋กœ์ง(`isKoreaRestaurant`)๊ณผ ๋…ธ์ถœ ์กฐ๊ฑด์€ QA ํ†ต๊ณผ ์ƒํƒœ ๊ทธ๋Œ€๋กœ โ€” ๋ณ€๊ฒฝํ•˜์ง€ ์•Š์Œ. +- ํ…Œ์ด๋ธ”๋ง/์บ์น˜ํ…Œ์ด๋ธ” ์•ต์ปค์— `title` ์†์„ฑ ์ถ”๊ฐ€(`"โ€ฆ (์ƒˆ ํƒญ)"`) โ€” ์ƒˆ ํƒญ ์ด๋™์„ ์‚ฌ์ „์— ์•Œ๋ ค ์˜ˆ์•ฝ ํ๋ฆ„ ์ค‘ ์˜ˆ๊ธฐ์น˜ ์•Š์€ ์ดํƒˆ๊ฐ ์™„ํ™”. +- ๋กœ๊ณ  ๋Œ€์ฒด์šฉ ๋‹จ์ผ ๋ฌธ์ž ๋ฐฐ์ง€(`T`/`C`)์— `aria-hidden="true"` ์ ์šฉ โ€” ์Šคํฌ๋ฆฐ๋ฆฌ๋”๊ฐ€ ์˜๋ฏธ ์—†๋Š” ๋‚ฑ๊ธ€์ž๋ฅผ ์ค‘๋ณต ๋‚ญ๋…ํ•˜์ง€ ์•Š๊ณ  ์‹ค์ œ ๋ผ๋ฒจ๋งŒ ์ฝ๋„๋ก ์ •๋ฆฌ. +- ํšŒ๊ท€ ํ™•์ธ: `tsc --noEmit` ํ†ต๊ณผ, `frontend/__tests__/RestaurantDetail.test.tsx` 5/5 ํ†ต๊ณผ. diff --git a/frontend/src/components/RestaurantDetail.tsx b/frontend/src/components/RestaurantDetail.tsx index 52aa4cd..4215c8d 100644 --- a/frontend/src/components/RestaurantDetail.tsx +++ b/frontend/src/components/RestaurantDetail.tsx @@ -186,9 +186,10 @@ export default function RestaurantDetail({ href={restaurant.tabling_url} target="_blank" rel="noopener noreferrer" + title="ํ…Œ์ด๋ธ”๋ง์—์„œ ์ค„์„œ๊ธฐ (์ƒˆ ํƒญ)" className="flex items-center justify-center gap-2 w-full px-4 py-2.5 bg-rose-500 hover:bg-rose-600 text-white rounded-lg text-sm font-semibold transition-colors" > - T + ํ…Œ์ด๋ธ”๋ง์—์„œ ์ค„์„œ๊ธฐ )} @@ -198,9 +199,10 @@ export default function RestaurantDetail({ href={restaurant.catchtable_url} target="_blank" rel="noopener noreferrer" + title="์บ์น˜ํ…Œ์ด๋ธ”์—์„œ ์˜ˆ์•ฝํ•˜๊ธฐ (์ƒˆ ํƒญ)" className="flex items-center justify-center gap-2 w-full px-4 py-2.5 bg-violet-500 hover:bg-violet-600 text-white rounded-lg text-sm font-semibold transition-colors" > - C + ์บ์น˜ํ…Œ์ด๋ธ”์—์„œ ์˜ˆ์•ฝํ•˜๊ธฐ )}