diff --git a/src/App.tsx b/src/App.tsx
index 5b237eb..be0eca6 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -15,7 +15,6 @@ import { useNavigate } from 'react-router-dom';
import { getAuthRedirectPath } from '@/utils/auth';
import 'react-toastify/dist/ReactToastify.css';
import useLandingStatus from '@/hooks/zustand/useLandingStatus';
-import { Image } from './components/common/Image';
const IMG_SRC = [
'/onboarding/1.png',
@@ -194,8 +193,6 @@ function App() {
/>
-
-
);
}
diff --git a/src/assets/FooterLogoIcon.tsx b/src/assets/FooterLogoIcon.tsx
new file mode 100644
index 0000000..f4ee541
--- /dev/null
+++ b/src/assets/FooterLogoIcon.tsx
@@ -0,0 +1,15 @@
+export const FooterLogoIcon = () => {
+ return (
+
+ );
+};
diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
new file mode 100644
index 0000000..50e7d10
--- /dev/null
+++ b/src/components/layout/Footer.tsx
@@ -0,0 +1,64 @@
+import { Logo } from '@/assets/LogoIcon';
+import styled from '@emotion/styled';
+import { Link } from 'react-router-dom';
+import { color } from 'wowds-tokens';
+import { Flex, Text } from '../common/Wrapper';
+import { FooterLogoIcon } from '@/assets/FooterLogoIcon';
+
+const Footer = () => {
+ return (
+
+
+
+
+
+
+
+ 와우디벨로퍼스
+
+
+
+
+ GDSC Hongik 회칙
+
+
+
+
+ GDSC Hongik 가이드라인{' '}
+
+
+
+
+
+
+ 와우디벨로퍼스 | 서울특별시 동작구 상도로53길 8, 325동 606호
+
+
+ 대표 안재현 | TEL 010-2816-5740 | 사업자등록번호 311-82-77953
+
+
+
+ 개인정보처리방침
+
+
+
+ © 2024. 와우디벨로퍼스 all rights reserved.
+
+
+
+ );
+};
+
+const Container = styled.footer`
+ width: 100%;
+ padding: 1.5rem 1rem;
+
+ display: flex;
+ flex-direction: column;
+ align-items: start;
+ gap: 1.5rem;
+
+ background-color: ${color.backgroundAlternative};
+`;
+
+export default Footer;
diff --git a/src/components/layout/Layout.tsx b/src/components/layout/Layout.tsx
index eb8ab8b..aa2a109 100644
--- a/src/components/layout/Layout.tsx
+++ b/src/components/layout/Layout.tsx
@@ -3,6 +3,8 @@ import { Flex } from '../common/Wrapper';
import { media } from '@/styles';
import { color } from 'wowds-tokens';
import Header from '@/components/layout/Header';
+import Footer from '@/components/layout/Footer';
+
import { Outlet } from 'react-router-dom';
import GlobalSize from '@/constants/globalSize';
import ApiErrorBoundary from '@/components/ApiErrorBoundary';
@@ -14,6 +16,7 @@ const Layout = () => {
+
@@ -34,6 +37,10 @@ const Wrapper = styled(Flex)`
align-items: flex-start;
overflow: hidden;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+
${media.mobile} {
width: 100vw;
}