From 437a8e0f22aaa2e65d9d2e43fa419dbf0f9c17a9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EC=B0=BD=EC=88=98?= <chang9811@interplug.co.kr>
Date: Thu, 22 May 2025 11:13:55 +0900
Subject: [PATCH] =?UTF-8?q?spinner=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/layout.tsx                  |  2 ++
 src/components/layouts/Spinner.tsx  |  7 ++++++
 src/styles/components/_index.scss   |  3 ++-
 src/styles/components/_spinner.scss | 37 +++++++++++++++++++++++++++++
 4 files changed, 48 insertions(+), 1 deletion(-)
 create mode 100644 src/components/layouts/Spinner.tsx
 create mode 100644 src/styles/components/_spinner.scss

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index f44ee12..53fb417 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,6 +1,7 @@
 import type { Metadata } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
 import '@/styles/style.scss'
+import Spinner from "@/components/layouts/Spinner";
 
 const geistSans = Geist({
   variable: "--font-geist-sans",
@@ -28,6 +29,7 @@ export default function RootLayout({
         className={`${geistSans.variable} ${geistMono.variable} antialiased`}
       >
         {children}
+        <Spinner/>
       </body>
     </html>
   );
diff --git a/src/components/layouts/Spinner.tsx b/src/components/layouts/Spinner.tsx
new file mode 100644
index 0000000..ff9d763
--- /dev/null
+++ b/src/components/layouts/Spinner.tsx
@@ -0,0 +1,7 @@
+export default function Spinner(){
+  return(
+    <div className="spinner-wrap">
+      <span className="loader"></span>
+    </div>
+  )
+}
\ No newline at end of file
diff --git a/src/styles/components/_index.scss b/src/styles/components/_index.scss
index 78ba0b9..3ae03f1 100644
--- a/src/styles/components/_index.scss
+++ b/src/styles/components/_index.scss
@@ -2,4 +2,5 @@
 @forward 'login';
 @forward 'pop-contents';
 @forward 'sub';
-@forward 'pdfview';
\ No newline at end of file
+@forward 'pdfview';
+@forward 'spinner';
\ No newline at end of file
diff --git a/src/styles/components/_spinner.scss b/src/styles/components/_spinner.scss
new file mode 100644
index 0000000..f37f12d
--- /dev/null
+++ b/src/styles/components/_spinner.scss
@@ -0,0 +1,37 @@
+.spinner-wrap{
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100vh;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: rgba($color: #101010, $alpha: 0.5);
+    z-index: 2000000;
+}
+.loader {
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+  background-color: #fff;
+  box-shadow: 32px 0 #fff, -32px 0 #fff;
+  position: relative;
+  animation: flash 0.5s ease-out infinite alternate;
+}
+
+@keyframes flash {
+  0% {
+    background-color: #FFF2;
+    box-shadow: 32px 0 #FFF2, -32px 0 #FFF;
+  }
+  50% {
+    background-color: #FFF;
+    box-shadow: 32px 0 #FFF2, -32px 0 #FFF2;
+  }
+  100% {
+    background-color: #FFF2;
+    box-shadow: 32px 0 #FFF, -32px 0 #FFF2;
+  }
+}
+      
\ No newline at end of file