feat: #305 불필요하게 리렌더링되는 컴포넌트 메모이제이션

불필요하게 리렌더링되는 컴포넌트 메모이제이션
Team-TenTen · Jun 28, 2024 · 8d2b599 · 8d2b599
2 parents aa4fe7c + 64a5089
commit 8d2b599
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 6 deletions.
diff --git a/src/components/common/CategoryList/CategoryList.tsx b/src/components/common/CategoryList/CategoryList.tsx
@@ -1,5 +1,6 @@
 'use client'
 
+import React from 'react'
 import 'swiper/css'
 import 'swiper/css/free-mode'
 import 'swiper/css/pagination'
@@ -66,4 +67,4 @@ const CategoryList = ({
   )
 }
 
-export default CategoryList
+export default React.memo(CategoryList)
diff --git a/src/components/common/CategoryList/CategoryListItem.tsx b/src/components/common/CategoryList/CategoryListItem.tsx
@@ -1,5 +1,6 @@
 'use client'
 
+import React from 'react'
 import { cls } from '@/utils'
 import Link from 'next/link'
 import { usePathname, useSearchParams } from 'next/navigation'
@@ -63,4 +64,4 @@ const CategoryListItem = ({
   )
 }
 
-export default CategoryListItem
+export default React.memo(CategoryListItem)
diff --git a/src/components/common/Comment/Comment.tsx b/src/components/common/Comment/Comment.tsx
@@ -1,5 +1,6 @@
 'use client'
 
+import React from 'react'
 import { useModal } from '@/hooks'
 import { useCurrentUser } from '@/hooks/useCurrentUser'
 import { getElapsedTime } from '@/utils'
@@ -162,4 +163,4 @@ const Comment = ({
   )
 }
 
-export default Comment
+export default React.memo(Comment)
diff --git a/src/components/common/Header/Header.tsx b/src/components/common/Header/Header.tsx
@@ -1,5 +1,6 @@
 'use client'
 
+import React from 'react'
 import { useCurrentUser } from '@/hooks/useCurrentUser'
 import { cls } from '@/utils'
 import { LinkIcon } from '@heroicons/react/20/solid'
@@ -80,4 +81,4 @@ const Header = () => {
   )
 }
 
-export default Header
+export default React.memo(Header)
diff --git a/src/components/common/LinkItem/LinkItem.tsx b/src/components/common/LinkItem/LinkItem.tsx
@@ -1,5 +1,6 @@
 'use client'
 
+import React from 'react'
 import { useForm } from 'react-hook-form'
 import TagInput from '@/components/TagInput/TagInput'
 import { useModal } from '@/hooks'
@@ -396,4 +397,4 @@ const LinkItem = ({
   )
 }
 
-export default LinkItem
+export default React.memo(LinkItem)
diff --git a/src/components/common/Space/Space.tsx b/src/components/common/Space/Space.tsx
@@ -1,5 +1,6 @@
 'use client'
 
+import React from 'react'
 import { useModal } from '@/hooks'
 import { useCurrentUser } from '@/hooks/useCurrentUser'
 import {
@@ -168,4 +169,4 @@ const Space = ({
   )
 }
 
-export default Space
+export default React.memo(Space)