From ed6e3fdd298b18b2a8d33202a6cf4c888863c845 Mon Sep 17 00:00:00 2001 From: yunho Date: Sat, 23 Sep 2023 18:32:20 +0900 Subject: [PATCH 1/7] feat: create Project Carousel --- .../ProjectCarousel.stories.tsx | 17 ++++++++++ .../ProjectCarousel/ProjectCarousel.tsx | 34 +++++++++++++++++++ .../ProjectCarousel/ProjectCarouselItem.tsx | 29 ++++++++++++++++ src/components/ProjectCarousel/index.tsx | 1 + src/pages/index.tsx | 2 ++ 5 files changed, 83 insertions(+) create mode 100644 src/components/ProjectCarousel/ProjectCarousel.stories.tsx create mode 100644 src/components/ProjectCarousel/ProjectCarousel.tsx create mode 100644 src/components/ProjectCarousel/ProjectCarouselItem.tsx create mode 100644 src/components/ProjectCarousel/index.tsx diff --git a/src/components/ProjectCarousel/ProjectCarousel.stories.tsx b/src/components/ProjectCarousel/ProjectCarousel.stories.tsx new file mode 100644 index 00000000..ea98d485 --- /dev/null +++ b/src/components/ProjectCarousel/ProjectCarousel.stories.tsx @@ -0,0 +1,17 @@ +import type { Meta, StoryObj } from '@storybook/react'; + +import { ProjectCarousel } from './index'; + +const meta: Meta = { + title: 'components/ProjectCarousel', + component: ProjectCarousel, + args: {}, +}; + +export default meta; + +type Story = StoryObj; + +export const Primary: Story = { + render: () => , +}; diff --git a/src/components/ProjectCarousel/ProjectCarousel.tsx b/src/components/ProjectCarousel/ProjectCarousel.tsx new file mode 100644 index 00000000..1097ca64 --- /dev/null +++ b/src/components/ProjectCarousel/ProjectCarousel.tsx @@ -0,0 +1,34 @@ +import { css } from '@emotion/react'; + +import { ProjectCarouselItem } from '~/components/ProjectCarousel/ProjectCarouselItem'; +import { SectionTitle } from '~/components/SectionTitle'; +import { Swiper } from '~/components/Swiper'; +import { PROJECT_LIST } from '~/constant/project'; + +export function ProjectCarousel() { + return ( +
+ + + {PROJECT_LIST.map(project => ( + + ))} + +
+ ); +} + +const layoutCss = css` + display: flex; + flex-direction: column; + align-items: center; + overflow: hidden; +`; diff --git a/src/components/ProjectCarousel/ProjectCarouselItem.tsx b/src/components/ProjectCarousel/ProjectCarouselItem.tsx new file mode 100644 index 00000000..c35a3d8a --- /dev/null +++ b/src/components/ProjectCarousel/ProjectCarouselItem.tsx @@ -0,0 +1,29 @@ +import Image from 'next/image'; +import { css } from '@emotion/react'; + +import { Swiper } from '~/components/Swiper'; + +interface ProjectCarouselItemProps { + title: string; + subTitle: string; + description: string; + links: Array<{ type: string; href: string }>; +} + +export function ProjectCarouselItem({ title, subTitle }: ProjectCarouselItemProps) { + return ( + + {title} + + ); +} + +ProjectCarouselItem.displayName = 'SwiperSlide'; + +const imageCss = css` + position: relative; + width: 312px; + height: 208px; + object-fit: cover; + object-position: center; +`; diff --git a/src/components/ProjectCarousel/index.tsx b/src/components/ProjectCarousel/index.tsx new file mode 100644 index 00000000..db864e2a --- /dev/null +++ b/src/components/ProjectCarousel/index.tsx @@ -0,0 +1 @@ +export { ProjectCarousel } from './ProjectCarousel'; diff --git a/src/pages/index.tsx b/src/pages/index.tsx index bbeb2671..225a00fa 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -4,6 +4,7 @@ import { FAQ } from '~/components/FAQ'; import { RecruitTextSection, SignImageSection } from '~/components/Main'; import { Journey } from '~/components/Main/Journey'; import { RecruitEntrance } from '~/components/Main/RecruitEntrance'; +import { ProjectCarousel } from '~/components/ProjectCarousel'; import { ScheduleSection } from '~/components/ScheduleSection'; import { SectionTitle } from '~/components/SectionTitle'; import { SEO } from '~/components/SEO'; @@ -20,6 +21,7 @@ export default function Root() {
+
From 485a23bed142472e6bc775b0cacb88596d1f6d83 Mon Sep 17 00:00:00 2001 From: yunho Date: Thu, 28 Sep 2023 14:48:19 +0900 Subject: [PATCH 2/7] refactor: project type --- src/components/ProjectCarousel/ProjectCarouselItem.tsx | 8 ++------ 1 file changed, 2 insertions(+), 6 deletions(-) diff --git a/src/components/ProjectCarousel/ProjectCarouselItem.tsx b/src/components/ProjectCarousel/ProjectCarouselItem.tsx index c35a3d8a..762d53a1 100644 --- a/src/components/ProjectCarousel/ProjectCarouselItem.tsx +++ b/src/components/ProjectCarousel/ProjectCarouselItem.tsx @@ -2,13 +2,9 @@ import Image from 'next/image'; import { css } from '@emotion/react'; import { Swiper } from '~/components/Swiper'; +import { Project } from '~/constant/project'; -interface ProjectCarouselItemProps { - title: string; - subTitle: string; - description: string; - links: Array<{ type: string; href: string }>; -} +interface ProjectCarouselItemProps extends Project {} export function ProjectCarouselItem({ title, subTitle }: ProjectCarouselItemProps) { return ( From 7474ce7ffe0baa9aed69f1f80f5e9587dad1a9d2 Mon Sep 17 00:00:00 2001 From: yunho Date: Thu, 28 Sep 2023 15:01:58 +0900 Subject: [PATCH 3/7] chore: upgrade swiper version --- package.json | 2 +- src/components/Swiper/Swiper.tsx | 2 +- yarn.lock | 15 ++++----------- 3 files changed, 6 insertions(+), 13 deletions(-) diff --git a/package.json b/package.json index c53b81cc..7695627a 100644 --- a/package.json +++ b/package.json @@ -28,7 +28,7 @@ "next": "13.2.1", "react": "18.2.0", "react-dom": "18.2.0", - "swiper": "^9.3.2" + "swiper": "^10.3.0" }, "devDependencies": { "@commitlint/cli": "^17.4.4", diff --git a/src/components/Swiper/Swiper.tsx b/src/components/Swiper/Swiper.tsx index c64b94d3..2b5a8454 100644 --- a/src/components/Swiper/Swiper.tsx +++ b/src/components/Swiper/Swiper.tsx @@ -1,6 +1,6 @@ import { PropsWithChildren, useRef } from 'react'; import { css } from '@emotion/react'; -import { Autoplay, Navigation, Pagination, Scrollbar } from 'swiper'; +import { Autoplay, Navigation, Pagination, Scrollbar } from 'swiper/modules'; import * as SwiperReact from 'swiper/react'; import 'swiper/css'; diff --git a/yarn.lock b/yarn.lock index a8de7c83..5ea4d5ba 100644 --- a/yarn.lock +++ b/yarn.lock @@ -10027,11 +10027,6 @@ sprintf-js@~1.0.2: resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c" integrity sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g== -ssr-window@^4.0.2: - version "4.0.2" - resolved "https://registry.yarnpkg.com/ssr-window/-/ssr-window-4.0.2.tgz#dc6b3ee37be86ac0e3ddc60030f7b3bc9b8553be" - integrity sha512-ISv/Ch+ig7SOtw7G2+qkwfVASzazUnvlDTwypdLoPoySv+6MqlOV10VwPSE6EWkGjhW50lUmghPmpYZXMu/+AQ== - stackframe@^1.3.4: version "1.3.4" resolved "https://registry.yarnpkg.com/stackframe/-/stackframe-1.3.4.tgz#b881a004c8c149a5e8efef37d51b16e412943310" @@ -10279,12 +10274,10 @@ swc-loader@^0.2.3: resolved "https://registry.yarnpkg.com/swc-loader/-/swc-loader-0.2.3.tgz#6792f1c2e4c9ae9bf9b933b3e010210e270c186d" integrity sha512-D1p6XXURfSPleZZA/Lipb3A8pZ17fP4NObZvFCDjK/OKljroqDpPmsBdTraWhVBqUNpcWBQY1imWdoPScRlQ7A== -swiper@^9.3.2: - version "9.4.1" - resolved "https://registry.yarnpkg.com/swiper/-/swiper-9.4.1.tgz#2f48bcd6ab4b4fcf4ae93eaee53980531d42fd42" - integrity sha512-1nT2T8EzUpZ0FagEqaN/YAhRj33F2x/lN6cyB0/xoYJDMf8KwTFT3hMOeoB8Tg4o3+P/CKqskP+WX0Df046fqA== - dependencies: - ssr-window "^4.0.2" +swiper@^10.3.0: + version "10.3.0" + resolved "https://registry.yarnpkg.com/swiper/-/swiper-10.3.0.tgz#a9f4d54a1860d76c2f85d7f09e2248bfe5f770a4" + integrity sha512-o81KZH4phL/dJxKFWpZ/zf78QxOyFMood+c86vJJO0ZeSOoniyzV8HWDsw12KOlQdm4WRxrc/6kfGImAcxcS3w== synchronous-promise@^2.0.15: version "2.0.17" From 1b4db57b8b03ce86ab69bfb75ff275fc9eab5026 Mon Sep 17 00:00:00 2001 From: yunho Date: Thu, 28 Sep 2023 22:07:37 +0900 Subject: [PATCH 4/7] feat: react-fast-marquee --- package.json | 1 + yarn.lock | 5 +++++ 2 files changed, 6 insertions(+) diff --git a/package.json b/package.json index 7695627a..77455ccf 100644 --- a/package.json +++ b/package.json @@ -28,6 +28,7 @@ "next": "13.2.1", "react": "18.2.0", "react-dom": "18.2.0", + "react-fast-marquee": "^1.6.1", "swiper": "^10.3.0" }, "devDependencies": { diff --git a/yarn.lock b/yarn.lock index 5ea4d5ba..746a1f07 100644 --- a/yarn.lock +++ b/yarn.lock @@ -9285,6 +9285,11 @@ react-element-to-jsx-string@^15.0.0: is-plain-object "5.0.0" react-is "18.1.0" +react-fast-marquee@^1.6.1: + version "1.6.1" + resolved "https://registry.yarnpkg.com/react-fast-marquee/-/react-fast-marquee-1.6.1.tgz#38ee8a8725a98eac3e8a16da914b04b6f7d0e5cc" + integrity sha512-SFY+FQectFXsuCrcJuIxrh34YzJ+TKH0Lp6BqZaalVhjdmu6Sx11rKKGQiC6vvC/q9ySXYVn9sozoOvPXFSMoQ== + react-inspector@^6.0.0: version "6.0.2" resolved "https://registry.yarnpkg.com/react-inspector/-/react-inspector-6.0.2.tgz#aa3028803550cb6dbd7344816d5c80bf39d07e9d" From 96b7c9d20d7c7cef236f68dda5ebb8f3abc4e047 Mon Sep 17 00:00:00 2001 From: yunho Date: Thu, 28 Sep 2023 22:08:10 +0900 Subject: [PATCH 5/7] =?UTF-8?q?feat:=20=EC=BA=90=EB=9F=AC=EC=85=80=20?= =?UTF-8?q?=EB=AC=B8=EC=A0=9C=20=ED=95=B4=EA=B2=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../ProjectCarousel/ProjectCarousel.tsx | 14 +-- .../ProjectCarousel/ProjectCarouselItem.tsx | 8 +- src/components/Review/Review.tsx | 14 +-- src/components/Review/ReviewItem.tsx | 6 +- src/components/Swiper/Swiper.stories.tsx | 107 ------------------ src/components/Swiper/Swiper.tsx | 35 ------ src/components/Swiper/SwiperItem.tsx | 11 -- src/components/Swiper/index.tsx | 10 -- 8 files changed, 12 insertions(+), 193 deletions(-) delete mode 100644 src/components/Swiper/Swiper.stories.tsx delete mode 100644 src/components/Swiper/Swiper.tsx delete mode 100644 src/components/Swiper/SwiperItem.tsx delete mode 100644 src/components/Swiper/index.tsx diff --git a/src/components/ProjectCarousel/ProjectCarousel.tsx b/src/components/ProjectCarousel/ProjectCarousel.tsx index 1097ca64..5bc02441 100644 --- a/src/components/ProjectCarousel/ProjectCarousel.tsx +++ b/src/components/ProjectCarousel/ProjectCarousel.tsx @@ -1,27 +1,19 @@ import { css } from '@emotion/react'; +import Marquee from 'react-fast-marquee'; import { ProjectCarouselItem } from '~/components/ProjectCarousel/ProjectCarouselItem'; import { SectionTitle } from '~/components/SectionTitle'; -import { Swiper } from '~/components/Swiper'; import { PROJECT_LIST } from '~/constant/project'; export function ProjectCarousel() { return (
- + {PROJECT_LIST.map(project => ( ))} - +
); } diff --git a/src/components/ProjectCarousel/ProjectCarouselItem.tsx b/src/components/ProjectCarousel/ProjectCarouselItem.tsx index 762d53a1..0b5f85e4 100644 --- a/src/components/ProjectCarousel/ProjectCarouselItem.tsx +++ b/src/components/ProjectCarousel/ProjectCarouselItem.tsx @@ -1,25 +1,23 @@ import Image from 'next/image'; import { css } from '@emotion/react'; -import { Swiper } from '~/components/Swiper'; import { Project } from '~/constant/project'; interface ProjectCarouselItemProps extends Project {} export function ProjectCarouselItem({ title, subTitle }: ProjectCarouselItemProps) { return ( - +
{title} - +
); } -ProjectCarouselItem.displayName = 'SwiperSlide'; - const imageCss = css` position: relative; width: 312px; height: 208px; object-fit: cover; object-position: center; + margin-left: 20px; `; diff --git a/src/components/Review/Review.tsx b/src/components/Review/Review.tsx index db617216..e1645d36 100644 --- a/src/components/Review/Review.tsx +++ b/src/components/Review/Review.tsx @@ -1,27 +1,19 @@ import { css } from '@emotion/react'; +import Marquee from 'react-fast-marquee'; import { ReviewItem } from '~/components/Review/ReviewItem'; import { SectionTitle } from '~/components/SectionTitle'; -import { Swiper } from '~/components/Swiper'; import { REVIEWS } from '~/constant/review'; export function Review() { return (
- + {REVIEWS.map(({ ...info }) => ( ))} - +
); } diff --git a/src/components/Review/ReviewItem.tsx b/src/components/Review/ReviewItem.tsx index 380737f9..ee000ec2 100644 --- a/src/components/Review/ReviewItem.tsx +++ b/src/components/Review/ReviewItem.tsx @@ -2,13 +2,12 @@ import Link from 'next/link'; import { css, Theme } from '@emotion/react'; import { ArrowIcon } from '~/components/Icons'; -import { Swiper } from '~/components/Swiper'; import { ReviewItemType } from '~/constant/review'; interface ReviewItemProps extends ReviewItemType {} export function ReviewItem({ name, group, part, summary, links }: ReviewItemProps) { return ( - +

{name}

@@ -27,7 +26,7 @@ export function ReviewItem({ name, group, part, summary, links }: ReviewItemProp ))}
- +
); } @@ -37,6 +36,7 @@ const layoutCss = (theme: Theme) => css` display: flex; flex-direction: column; max-width: 476px; + margin-left: 20px; `; const titleLayoutCss = css` diff --git a/src/components/Swiper/Swiper.stories.tsx b/src/components/Swiper/Swiper.stories.tsx deleted file mode 100644 index 5af96d2b..00000000 --- a/src/components/Swiper/Swiper.stories.tsx +++ /dev/null @@ -1,107 +0,0 @@ -import { css } from '@emotion/react'; -import type { Meta } from '@storybook/react'; - -import { Swiper } from '~/components/Swiper'; - -const meta: Meta = { - title: 'components/Swiper', - - args: {}, -}; - -export default meta; - -export const Primary = { - render: () => ( - - {MOCK_ITEMS.map(item => ( - -
-

{item.title}

-

{item.description}

-
- - ))} - - ), -}; - -export const AutoCarousel = { - render: () => ( - = slidesPerView * 2 조건을 만족해야 해요! - autoplay={{ - delay: 0, - }} - speed={5000} - > - {MOCK_ITEMS.map(item => ( - -
-

{item.title}

-

{item.description}

-
- - ))} - - ), -}; - -const itemCss = css` - background-color: tomato; -`; - -const MOCK_ITEMS = [ - { - title: '14기 김윤호', - description: - '디프만은 디자이너와 개발자가 만나 서비스기획부터 론칭까지, 하나의 프로덕트를 완성하며 성장하는 IT 커뮤니티입니다. 하나의 프로덕트를 완성하며 성장하는 IT 커뮤니티입니다.', - }, - { - title: '14기 강지영', - description: - '디프만은 디자이너와 개발자가 만나 서비스기획부터 론칭까지, 하나의 프로덕트를 완성하며 성장하는 IT 커뮤니티입니다. 하나의 프로덕트를 완성하며 성장하는 IT 커뮤니티입니다.', - }, - { - title: '14기 변수미', - description: - '디프만은 디자이너와 개발자가 만나 서비스기획부터 론칭까지, 하나의 프로덕트를 완성하며 성장하는 IT 커뮤니티입니다. 하나의 프로덕트를 완성하며 성장하는 IT 커뮤니티입니다.', - }, - { - title: '13기 김동규', - description: - '디프만은 디자이너와 개발자가 만나 서비스기획부터 론칭까지, 하나의 프로덕트를 완성하며 성장하는 IT 커뮤니티입니다. 하나의 프로덕트를 완성하며 성장하는 IT 커뮤니티입니다.', - }, - { - title: '14기 운영진', - description: - '디프만은 디자이너와 개발자가 만나 서비스기획부터 론칭까지, 하나의 프로덕트를 완성하며 성장하는 IT 커뮤니티입니다. 하나의 프로덕트를 완성하며 성장하는 IT 커뮤니티입니다.', - }, - { - title: '14기 운영진2', - description: - '디프만은 디자이너와 개발자가 만나 서비스기획부터 론칭까지, 하나의 프로덕트를 완성하며 성장하는 IT 커뮤니티입니다. 하나의 프로덕트를 완성하며 성장하는 IT 커뮤니티입니다.', - }, - { - title: '14기 운영진3', - description: - '디프만은 디자이너와 개발자가 만나 서비스기획부터 론칭까지, 하나의 프로덕트를 완성하며 성장하는 IT 커뮤니티입니다. 하나의 프로덕트를 완성하며 성장하는 IT 커뮤니티입니다.', - }, - { - title: '14기 운영진4', - description: - '디프만은 디자이너와 개발자가 만나 서비스기획부터 론칭까지, 하나의 프로덕트를 완성하며 성장하는 IT 커뮤니티입니다. 하나의 프로덕트를 완성하며 성장하는 IT 커뮤니티입니다.', - }, - { - title: '14기 운영진5', - description: - '디프만은 디자이너와 개발자가 만나 서비스기획부터 론칭까지, 하나의 프로덕트를 완성하며 성장하는 IT 커뮤니티입니다. 하나의 프로덕트를 완성하며 성장하는 IT 커뮤니티입니다.', - }, - { - title: '14기 운영진6', - description: - '디프만은 디자이너와 개발자가 만나 서비스기획부터 론칭까지, 하나의 프로덕트를 완성하며 성장하는 IT 커뮤니티입니다. 하나의 프로덕트를 완성하며 성장하는 IT 커뮤니티입니다.', - }, -]; diff --git a/src/components/Swiper/Swiper.tsx b/src/components/Swiper/Swiper.tsx deleted file mode 100644 index 2b5a8454..00000000 --- a/src/components/Swiper/Swiper.tsx +++ /dev/null @@ -1,35 +0,0 @@ -import { PropsWithChildren, useRef } from 'react'; -import { css } from '@emotion/react'; -import { Autoplay, Navigation, Pagination, Scrollbar } from 'swiper/modules'; -import * as SwiperReact from 'swiper/react'; - -import 'swiper/css'; -import 'swiper/css/navigation'; -import 'swiper/css/pagination'; -import 'swiper/css/scrollbar'; -import 'swiper/css/autoplay'; - -interface SwiperProps extends SwiperReact.SwiperProps {} -/** - * 사용법은 story 참고해주세요! - */ -export function SwiperWrapper({ children, ...props }: PropsWithChildren) { - const swiperRef = useRef(null); - - return ( - - {children} - - ); -} - -const swiperWrapperCss = css` - > .swiper-wrapper { - transition-timing-function: linear; - } -`; diff --git a/src/components/Swiper/SwiperItem.tsx b/src/components/Swiper/SwiperItem.tsx deleted file mode 100644 index dadf5354..00000000 --- a/src/components/Swiper/SwiperItem.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import { PropsWithChildren } from 'react'; -import * as SwiperReact from 'swiper/react'; - -type SwiperCardProps = PropsWithChildren; - -export const SwiperItem = ({ children, ...rest }: SwiperCardProps) => { - return {children}; -}; - -// displayName 고정 (참고: https://github.com/depromeet/Ding-dong-fe/pull/88) -SwiperItem.displayName = 'SwiperSlide'; diff --git a/src/components/Swiper/index.tsx b/src/components/Swiper/index.tsx deleted file mode 100644 index 02202f26..00000000 --- a/src/components/Swiper/index.tsx +++ /dev/null @@ -1,10 +0,0 @@ -import { SwiperWrapper } from '~/components/Swiper/Swiper'; -import { SwiperItem } from '~/components/Swiper/SwiperItem'; - -export const Swiper = Object.assign( - {}, - { - Wrapper: SwiperWrapper, - Item: SwiperItem, - } -); From c14cf06a6ab39f7bb1956c8c8f3e2d5469a55f79 Mon Sep 17 00:00:00 2001 From: yunho Date: Thu, 28 Sep 2023 22:08:57 +0900 Subject: [PATCH 6/7] chore: remove swiper --- package.json | 3 +-- yarn.lock | 5 ----- 2 files changed, 1 insertion(+), 7 deletions(-) diff --git a/package.json b/package.json index 77455ccf..3d5aa121 100644 --- a/package.json +++ b/package.json @@ -28,8 +28,7 @@ "next": "13.2.1", "react": "18.2.0", "react-dom": "18.2.0", - "react-fast-marquee": "^1.6.1", - "swiper": "^10.3.0" + "react-fast-marquee": "^1.6.1" }, "devDependencies": { "@commitlint/cli": "^17.4.4", diff --git a/yarn.lock b/yarn.lock index 746a1f07..2cf92cf9 100644 --- a/yarn.lock +++ b/yarn.lock @@ -10279,11 +10279,6 @@ swc-loader@^0.2.3: resolved "https://registry.yarnpkg.com/swc-loader/-/swc-loader-0.2.3.tgz#6792f1c2e4c9ae9bf9b933b3e010210e270c186d" integrity sha512-D1p6XXURfSPleZZA/Lipb3A8pZ17fP4NObZvFCDjK/OKljroqDpPmsBdTraWhVBqUNpcWBQY1imWdoPScRlQ7A== -swiper@^10.3.0: - version "10.3.0" - resolved "https://registry.yarnpkg.com/swiper/-/swiper-10.3.0.tgz#a9f4d54a1860d76c2f85d7f09e2248bfe5f770a4" - integrity sha512-o81KZH4phL/dJxKFWpZ/zf78QxOyFMood+c86vJJO0ZeSOoniyzV8HWDsw12KOlQdm4WRxrc/6kfGImAcxcS3w== - synchronous-promise@^2.0.15: version "2.0.17" resolved "https://registry.yarnpkg.com/synchronous-promise/-/synchronous-promise-2.0.17.tgz#38901319632f946c982152586f2caf8ddc25c032" From 9a0f7950075ca404aeefa40d2ae94cfd8b0aaf91 Mon Sep 17 00:00:00 2001 From: yunho Date: Thu, 28 Sep 2023 22:10:35 +0900 Subject: [PATCH 7/7] =?UTF-8?q?chore:=20swiper=20=EC=86=8D=EC=84=B1=20?= =?UTF-8?q?=EC=A0=9C=EA=B1=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Review/ReviewItem.tsx | 2 -- 1 file changed, 2 deletions(-) diff --git a/src/components/Review/ReviewItem.tsx b/src/components/Review/ReviewItem.tsx index ee000ec2..027e5b12 100644 --- a/src/components/Review/ReviewItem.tsx +++ b/src/components/Review/ReviewItem.tsx @@ -84,5 +84,3 @@ const linkCss = (theme: Theme) => css` display: flex; align-items: center; `; - -ReviewItem.displayName = 'SwiperSlide';