From 64f95d8440f95dc3af1722ece95370dc2b15b03a Mon Sep 17 00:00:00 2001 From: ssml0905 Date: Mon, 13 Oct 2025 20:37:02 +0900 Subject: [PATCH 1/2] =?UTF-8?q?=F0=9F=90=9B=20Fix:=20prop-types=20?= =?UTF-8?q?=EC=A0=9C=EA=B1=B0=ED=95=98=EA=B3=A0=20jsdoc=20=EC=A0=81?= =?UTF-8?q?=EC=9A=A9=ED=95=98=EA=B8=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/common/badge/EmojiBadge.jsx | 21 ++++++++++++------- .../common/badge/RelationshipBadge.jsx | 12 ++++++----- 2 files changed, 21 insertions(+), 12 deletions(-) diff --git a/src/components/common/badge/EmojiBadge.jsx b/src/components/common/badge/EmojiBadge.jsx index c74df991..8b437623 100644 --- a/src/components/common/badge/EmojiBadge.jsx +++ b/src/components/common/badge/EmojiBadge.jsx @@ -1,8 +1,9 @@ -//이모지 뱃지 컴포넌트 +// EmojiBadge.jsx +// 이모지 뱃지 컴포넌트 import { cva } from 'class-variance-authority'; -import PropTypes from 'prop-types'; import { cn } from '@/utils/style'; + const emojiBadgeStyle = cva( 'inline-flex items-center justify-center rounded-full bg-black/50 text-white font-16-regular', { @@ -15,6 +16,16 @@ const emojiBadgeStyle = cva( }, } ); + +/** + * EmojiBadge 컴포넌트 + * + * @param {Object} props - 컴포넌트 props + * @param {string} props.emoji - 뱃지에 표시할 이모지 (필수) + * @param {number} [props.count] - 선택적으로 표시할 숫자 + * @param {'s' | 'md' | 'lg'} [props.size='md'] - 뱃지 크기 + * @returns {JSX.Element} 이모지와 숫자를 포함한 뱃지 요소 + */ const EmojiBadge = ({ emoji, count, size = 'md' }) => { return ( @@ -23,9 +34,5 @@ const EmojiBadge = ({ emoji, count, size = 'md' }) => { ); }; -EmojiBadge.propTypes = { - emoji: PropTypes.string.isRequired, - count: PropTypes.number, - size: PropTypes.oneOf(['s', 'md', 'lg']), -}; + export default EmojiBadge; diff --git a/src/components/common/badge/RelationshipBadge.jsx b/src/components/common/badge/RelationshipBadge.jsx index b7fe1681..703c2524 100644 --- a/src/components/common/badge/RelationshipBadge.jsx +++ b/src/components/common/badge/RelationshipBadge.jsx @@ -1,7 +1,6 @@ // 관계 뱃지 컴포넌트 import { cva } from 'class-variance-authority'; -import PropTypes from 'prop-types'; import { cn } from '@/utils/style'; const relationshipBadgeStyle = cva( @@ -18,12 +17,15 @@ const relationshipBadgeStyle = cva( } ); +/** + * 관계 뱃지 컴포넌트 + * + * @param {Object} props - 컴포넌트 속성 + * @param {'친구' | '가족' | '동료' | '지인'} props.type - 관계 유형 + * @returns {JSX.Element} 관계 뱃지 엘리먼트 + */ const RelationshipBadge = ({ type }) => { return {type}; }; -RelationshipBadge.propTypes = { - type: PropTypes.oneOf(['친구', '가족', '동료', '지인']).isRequired, -}; - export default RelationshipBadge; From 1a5cf442f884f1e576c3d4f0f27f1decf6a15598 Mon Sep 17 00:00:00 2001 From: ssml0905 Date: Mon, 13 Oct 2025 20:45:55 +0900 Subject: [PATCH 2/2] =?UTF-8?q?=F0=9F=90=9B=20Fix:=20=EC=A0=9C=EB=AF=B8?= =?UTF-8?q?=EB=82=98=EC=9D=B4=20=EB=A6=AC=EB=B7=B0=20=EB=B0=98=EC=98=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/common/badge/EmojiBadge.jsx | 3 +-- src/components/common/badge/RelationshipBadge.jsx | 2 +- 2 files changed, 2 insertions(+), 3 deletions(-) diff --git a/src/components/common/badge/EmojiBadge.jsx b/src/components/common/badge/EmojiBadge.jsx index 8b437623..25fd2be9 100644 --- a/src/components/common/badge/EmojiBadge.jsx +++ b/src/components/common/badge/EmojiBadge.jsx @@ -1,4 +1,3 @@ -// EmojiBadge.jsx // 이모지 뱃지 컴포넌트 import { cva } from 'class-variance-authority'; @@ -20,7 +19,7 @@ const emojiBadgeStyle = cva( /** * EmojiBadge 컴포넌트 * - * @param {Object} props - 컴포넌트 props + * @param {object} props - 컴포넌트 props * @param {string} props.emoji - 뱃지에 표시할 이모지 (필수) * @param {number} [props.count] - 선택적으로 표시할 숫자 * @param {'s' | 'md' | 'lg'} [props.size='md'] - 뱃지 크기 diff --git a/src/components/common/badge/RelationshipBadge.jsx b/src/components/common/badge/RelationshipBadge.jsx index 703c2524..67a7abd7 100644 --- a/src/components/common/badge/RelationshipBadge.jsx +++ b/src/components/common/badge/RelationshipBadge.jsx @@ -20,7 +20,7 @@ const relationshipBadgeStyle = cva( /** * 관계 뱃지 컴포넌트 * - * @param {Object} props - 컴포넌트 속성 + * @param {object} props - 컴포넌트 속성 * @param {'친구' | '가족' | '동료' | '지인'} props.type - 관계 유형 * @returns {JSX.Element} 관계 뱃지 엘리먼트 */