feat: 빈 배열 상태 UI 구현

Author: canofmato

src/component/TodoList.tsx

@@ -1,4 +1,5 @@
 import TodoCard from "./TodoCard";
+import TodoEmpty from "./TodoEmpty";
 
 export default function TodoList() {
 
@@ -9,6 +10,10 @@ export default function TodoList() {
     { id: 4, content: "프로젝트 회의 준비" },
   ];
 
+  if (todos.length === 0) {
+    return <TodoEmpty />;
+  }
+
   return (
     <ul className="flex flex-col items-start gap-4 self-stretch">
       {todos.map((todo) => (