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

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)

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)

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)

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)

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)

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)