diff --git a/frontend-temp/src/components/common/Lightbox.jsx b/frontend-temp/src/components/common/Lightbox.jsx index 11b2dfc..8a17f16 100644 --- a/frontend-temp/src/components/common/Lightbox.jsx +++ b/frontend-temp/src/components/common/Lightbox.jsx @@ -84,6 +84,9 @@ function Lightbox({ images, currentIndex, isOpen, onClose, onIndexChange }) { {isOpen && images.length > 0 && ( {/* 닫기 버튼 */} {/* 이전 버튼 */} {images.length > 1 && ( )} @@ -142,13 +147,14 @@ function Lightbox({ images, currentIndex, isOpen, onClose, onIndexChange }) { {/* 다음 버튼 */} {images.length > 1 && ( )} diff --git a/frontend-temp/src/components/common/LightboxIndicator.jsx b/frontend-temp/src/components/common/LightboxIndicator.jsx index 5766ba5..ef025f4 100644 --- a/frontend-temp/src/components/common/LightboxIndicator.jsx +++ b/frontend-temp/src/components/common/LightboxIndicator.jsx @@ -39,6 +39,8 @@ const LightboxIndicator = memo(function LightboxIndicator({ {Array.from({ length: count }).map((_, i) => ( {yearRangeStart} - {yearRangeStart + 11} - @@ -283,6 +290,8 @@ function Calendar({ return ( - )} @@ -367,6 +381,7 @@ function Calendar({ {/* 오늘 버튼 */}
); -} +}); export default ScheduleCard; diff --git a/frontend-temp/src/components/mobile/ScheduleListCard.jsx b/frontend-temp/src/components/mobile/ScheduleListCard.jsx index cc17516..9f21e37 100644 --- a/frontend-temp/src/components/mobile/ScheduleListCard.jsx +++ b/frontend-temp/src/components/mobile/ScheduleListCard.jsx @@ -1,3 +1,4 @@ +import { memo } from 'react'; import { motion } from 'framer-motion'; import { Clock, Link2 } from 'lucide-react'; import { decodeHtmlEntities, getDisplayMembers, getCategoryInfo, getScheduleTime } from '@/utils'; @@ -7,7 +8,7 @@ import { decodeHtmlEntities, getDisplayMembers, getCategoryInfo, getScheduleTime * 스케줄 페이지에서 날짜별 일정 목록에 사용 * 날짜가 이미 헤더에 표시되므로 날짜 없이 표시 */ -function ScheduleListCard({ +const ScheduleListCard = memo(function ScheduleListCard({ schedule, onClick, delay = 0, @@ -81,6 +82,6 @@ function ScheduleListCard({
); -} +}); export default ScheduleListCard; diff --git a/frontend-temp/src/components/mobile/ScheduleSearchCard.jsx b/frontend-temp/src/components/mobile/ScheduleSearchCard.jsx index 1c405da..527b091 100644 --- a/frontend-temp/src/components/mobile/ScheduleSearchCard.jsx +++ b/frontend-temp/src/components/mobile/ScheduleSearchCard.jsx @@ -1,3 +1,4 @@ +import { memo } from 'react'; import { motion } from 'framer-motion'; import { Clock, Link2 } from 'lucide-react'; import { decodeHtmlEntities, getDisplayMembers, getCategoryInfo, getScheduleTime } from '@/utils'; @@ -7,7 +8,7 @@ import { decodeHtmlEntities, getDisplayMembers, getCategoryInfo, getScheduleTime * 스케줄 페이지의 검색 결과에서 사용 * 날짜를 왼쪽에 표시하는 레이아웃 */ -function ScheduleSearchCard({ +const ScheduleSearchCard = memo(function ScheduleSearchCard({ schedule, onClick, delay = 0, @@ -110,6 +111,6 @@ function ScheduleSearchCard({ ); -} +}); export default ScheduleSearchCard; diff --git a/frontend-temp/src/components/pc/BirthdayCard.jsx b/frontend-temp/src/components/pc/BirthdayCard.jsx index 6cc7dc8..8fa3d30 100644 --- a/frontend-temp/src/components/pc/BirthdayCard.jsx +++ b/frontend-temp/src/components/pc/BirthdayCard.jsx @@ -1,9 +1,10 @@ +import { memo } from 'react'; import { dayjs } from '@/utils'; /** * PC용 생일 카드 컴포넌트 */ -function BirthdayCard({ schedule, showYear = false, onClick }) { +const BirthdayCard = memo(function BirthdayCard({ schedule, showYear = false, onClick }) { const scheduleDate = dayjs(schedule.date); const formatted = { year: scheduleDate.year(), @@ -55,6 +56,6 @@ function BirthdayCard({ schedule, showYear = false, onClick }) { ); -} +}); export default BirthdayCard; diff --git a/frontend-temp/src/components/pc/Calendar.jsx b/frontend-temp/src/components/pc/Calendar.jsx index ab35ff2..8ce8c5d 100644 --- a/frontend-temp/src/components/pc/Calendar.jsx +++ b/frontend-temp/src/components/pc/Calendar.jsx @@ -137,21 +137,24 @@ function Calendar({ {/* 헤더 */}
-
@@ -166,17 +169,18 @@ function Calendar({ >
{yearRange[0]} - {yearRange[yearRange.length - 1]} -
@@ -186,6 +190,8 @@ function Calendar({ {yearRange.map((y) => (