5.3 글로벌 로딩/스켈레톤/에러 경계 패턴 정립 o

src/app/error.tsx

@@ -0,0 +1,17 @@
+"use client";
+import { useEffect } from "react";
+
+export default function GlobalError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
+  useEffect(() => {
+    console.error(error);
+  }, [error]);
+  return (
+    <div style={{ padding: 24 }}>
+      <h2>문제가 발생했습니다.</h2>
+      <p>{error.message}</p>
+      <button onClick={() => reset()}>다시 시도</button>
+    </div>
+  );
+}
+
+