From 13fc00c3541a8f20228bc99b7a57a3de57c01489 Mon Sep 17 00:00:00 2001 From: rondido Date: Sun, 16 Mar 2025 21:36:22 +0900 Subject: [PATCH] =?UTF-8?q?design:=20=EC=83=81=ED=92=88=20=EC=83=81?= =?UTF-8?q?=EC=84=B8=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=A7=88=ED=81=AC?= =?UTF-8?q?=EC=97=85=20=EC=99=84=EB=A3=8C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/Add.svg | 3 + public/Like.svg | 4 + public/Minus.svg | 3 + public/Wishlist.svg | 3 + public/share.svg | 7 + src/app/product/[id]/page.tsx | 203 +++++++++++++++++++++++ src/components/ui/breadcrumb.stories.tsx | 13 -- src/styles/globals.css | 2 + 8 files changed, 225 insertions(+), 13 deletions(-) create mode 100644 public/Add.svg create mode 100644 public/Like.svg create mode 100644 public/Minus.svg create mode 100644 public/Wishlist.svg create mode 100644 public/share.svg create mode 100644 src/app/product/[id]/page.tsx delete mode 100644 src/components/ui/breadcrumb.stories.tsx diff --git a/public/Add.svg b/public/Add.svg new file mode 100644 index 0000000..c3a2dbc --- /dev/null +++ b/public/Add.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Like.svg b/public/Like.svg new file mode 100644 index 0000000..60596dc --- /dev/null +++ b/public/Like.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/Minus.svg b/public/Minus.svg new file mode 100644 index 0000000..bef0f97 --- /dev/null +++ b/public/Minus.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Wishlist.svg b/public/Wishlist.svg new file mode 100644 index 0000000..74b91b5 --- /dev/null +++ b/public/Wishlist.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/share.svg b/public/share.svg new file mode 100644 index 0000000..02820b0 --- /dev/null +++ b/public/share.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/app/product/[id]/page.tsx b/src/app/product/[id]/page.tsx new file mode 100644 index 0000000..a7f9370 --- /dev/null +++ b/src/app/product/[id]/page.tsx @@ -0,0 +1,203 @@ +import React from 'react' +import Wishlist from '../../../../public/Wishlist.svg' +import Add from '../../../../public/Add.svg' +import Minus from '../../../../public/Minus.svg' +import Share from '../../../../public/share.svg' +import Like from '../../../../public/Like.svg' +import Button from '@/components/common/Button/Button' +// import Pagination from '@/components/common/pagination/Pagination' + +const page = () => { + return ( +
+
+
+
+
img
+
+
+
+
+
+

조르지오아르마니 뷰티

+

+ 아이섀도우 아이 틴트 롱래스팅 리퀴드 아이새도 아르마니 뷰티 색조 메이크업 화장 + 6종 +

+
+
+ +
+
+ +
+
평점
+ 2.183건 +
+
+
+
+ + 판매가 + + 46,241원 +
+
+ 할인가 +
+ 49% + 13,560원 +
+
+
+
+
+ 배송비 +
+ 무료배송 + + 평균 배송기간 2일 이내{' '} + (영업일 기준) + +
+
+
+
+
+ 수량 + +
+ {' '} + + 1 + +
+
+
+
+
+ 총 금액 +
+ 총 수량 1개| + 13,560원 +
+
+
+
+ +
+ + +
+
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+
+ img + +
+
+
+
+

리뷰

+ (2,813건) +
+
+

최고예요!

+

4.0

+

평점

+
+
+
+
+
이미지
+
+
+ 추천키워드 +
    +
  • + 커버력 +
    • +
  • + 건성 +
    • +
  • + 지속력 +
    • +
+
+
+ 유용한순 + 최신순 +
+
+
+
+
+
+

평점

+

정말좋아요

+
+
+ han**** | 2025.02.24 +
+
+ 옵션: lg +
+
+

+ 항상 쓰고 있는 제품입니다 ! 커버력도 좋고 상아빛 피부 표현에 저격이에요 진짜 + 추천임 +

+
+
+ +
+
+
+
페이지네이션
+
+
+
+
+
+

챗복 문의하기

+ + AI 추천 + +
+
챗봇
+
+
+
+ ) +} + +export default page diff --git a/src/components/ui/breadcrumb.stories.tsx b/src/components/ui/breadcrumb.stories.tsx deleted file mode 100644 index bac6658..0000000 --- a/src/components/ui/breadcrumb.stories.tsx +++ /dev/null @@ -1,13 +0,0 @@ -import type { Meta, StoryObj } from '@storybook/react' - -import { Breadcrumb } from './breadcrumb' - -const meta = { - component: Breadcrumb, -} satisfies Meta - -export default meta - -type Story = StoryObj - -export const Default: Story = {} diff --git a/src/styles/globals.css b/src/styles/globals.css index d0cec73..54ad17e 100644 --- a/src/styles/globals.css +++ b/src/styles/globals.css @@ -77,6 +77,8 @@ --color-alter-line: var(--color-gray-200); --color-assist-line: var(--color-gray-100); + /* 리뷰 이미지 영역 색상 */ + /* Border Radius */ --radius-sm: 0.25rem; --radius-md: 0.5rem;