From 41aedbf82a99e247682ad56be7a6dbbceadb6869 Mon Sep 17 00:00:00 2001 From: hamo-o Date: Wed, 31 Jul 2024 23:27:45 +0900 Subject: [PATCH 1/3] =?UTF-8?q?feat:=20=ED=91=B8=ED=84=B0=20=ED=85=8D?= =?UTF-8?q?=EC=8A=A4=ED=8A=B8=20=EB=A1=9C=EA=B3=A0=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/FooterLogoIcon.tsx | 15 +++++++++++++++ 1 file changed, 15 insertions(+) create mode 100644 src/assets/FooterLogoIcon.tsx 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 ( + + + + ); +}; From 168dd5f04ce32528440813686e89229c4eacb0b1 Mon Sep 17 00:00:00 2001 From: hamo-o Date: Wed, 31 Jul 2024 23:28:05 +0900 Subject: [PATCH 2/3] =?UTF-8?q?feat:=20=ED=91=B8=ED=84=B0=20UI?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/layout/Footer.tsx | 64 ++++++++++++++++++++++++++++++++ src/components/layout/Layout.tsx | 7 ++++ 2 files changed, 71 insertions(+) create mode 100644 src/components/layout/Footer.tsx 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 = () => {
+