init

src/components/common/Loading.js

@@ -0,0 +1,28 @@
+import { useEffect, useState } from 'react';
+
+import styled, { css } from 'styled-components';
+import ResetIcon from '../../assets/img/icon/icon-reset.png';
+
+const Loading = () => {
+
+	return (
+		<Wrapper >
+			<img src={"/loading.gif"} alt="loading..." />
+		</Wrapper>
+	);
+};
+
+const Wrapper = styled.div`
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.5);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 1000;
+`;
+
+export default Loading;