From 3732b6fb27ff91f237163c90f270a7f8ffcbd462 Mon Sep 17 00:00:00 2001 From: NEWJIN Date: Mon, 15 Jul 2024 10:27:58 +0900 Subject: [PATCH] =?UTF-8?q?=20FE-61=20=F0=9F=93=9D=20=EA=B0=90=EC=A0=95=20?= =?UTF-8?q?=EC=B9=B4=EB=93=9C,=20=EA=B0=90=EC=A0=95=20=EC=85=80=EB=A0=89?= =?UTF-8?q?=ED=84=B0=20=EC=A3=BC=EC=84=9D=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Emotion/{EmotionIconCard.tsx => EmotionCard.tsx} | 6 ++++++ src/components/Emotion/EmotionSelector.tsx | 7 ++++++- 2 files changed, 12 insertions(+), 1 deletion(-) rename src/components/Emotion/{EmotionIconCard.tsx => EmotionCard.tsx} (93%) diff --git a/src/components/Emotion/EmotionIconCard.tsx b/src/components/Emotion/EmotionCard.tsx similarity index 93% rename from src/components/Emotion/EmotionIconCard.tsx rename to src/components/Emotion/EmotionCard.tsx index a230deec..ce14ccd3 100644 --- a/src/components/Emotion/EmotionIconCard.tsx +++ b/src/components/Emotion/EmotionCard.tsx @@ -1,3 +1,9 @@ +/* + 1개의 감정 아이콘 카드를 랜더링 합니다. + 아이콘의 타입, 상태, 크기, 클릭 이벤트를 관리합니다. + 아이콘 타입과 상태에 따라 아이콘의 모양과 스타일을 조정합니다. + */ + import React from 'react'; import cn from '@/lib/utils'; import Image from 'next/image'; diff --git a/src/components/Emotion/EmotionSelector.tsx b/src/components/Emotion/EmotionSelector.tsx index ace202d4..5a73639e 100644 --- a/src/components/Emotion/EmotionSelector.tsx +++ b/src/components/Emotion/EmotionSelector.tsx @@ -1,5 +1,10 @@ +/* + 여러 개의 EmotionIconCard를 관리합니다. + 사용자 인터페이스에 필요한 상호 작용 로직을 포함합니다. + */ + import React, { useState } from 'react'; -import EmotionIconCard from '@/components/Emotion/card/EmotionIconCard'; +import EmotionIconCard from '@/components/Emotion/EmotionCard'; import useMediaQuery from '@/hooks/useMediaQuery'; import { EmotionType, EmotionState } from '@/types/EmotionTypes';