perf : 워크스페이스 아이템 렌더링 최적화

juyeong-s · juyeong-s · commit 886bae5549a0 · 2022-11-15T17:49:01.000+09:00
diff --git a/client/src/components/WorkspaceList/WorkspaceThumbnailItem.tsx b/client/src/components/WorkspaceList/WorkspaceThumbnailItem.tsx
@@ -1,3 +1,5 @@
+import { memo } from 'react';
+
 import style from './style.module.scss';
 
 interface WorkspaceThumbnailItemProps {
@@ -19,4 +21,4 @@ function WorkspaceThumbnailItem({ name }: WorkspaceThumbnailItemProps) {
   );
 }
 
-export default WorkspaceThumbnailItem;
+export default memo(WorkspaceThumbnailItem);

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+import { memo } from 'react';`
	`2`	`+`
`1`	`3`	`import style from './style.module.scss';`
`2`	`4`
`3`	`5`	`interface WorkspaceThumbnailItemProps {`
`@@ -19,4 +21,4 @@ function WorkspaceThumbnailItem({ name }: WorkspaceThumbnailItemProps) {`
`19`	`21`	`);`
`20`	`22`	`}`
`21`	`23`
`22`		`-export default WorkspaceThumbnailItem;`
	`24`	`+export default memo(WorkspaceThumbnailItem);`