Merge pull request #437 from Mile-Writings/design/#434/footerRedesign

[ Design/#434 ] 푸터 변경사항 반영

src/assets/svgs/index.tsx

@@ -14,6 +14,8 @@ export { default as FooterInstaIc } from './footerInstaSvg.svg?react';
 export { default as FooterKakaoIc } from './footerKakaoSvg.svg?react';
 export { default as FooterLogoIc } from './footerLogoSvg.svg?react';
 export { default as FooterMailIc } from './footerMailSvg.svg?react';
+export { default as FooterNotionIc } from './iconNotion.svg?react';
+export { default as FooterWallaIc } from './iconWalla.svg?react';
 export { default as GroupCuriousProfileOpenIc } from './groupBestProfileIcnOpen.svg?react';
 export { default as GroupDateIc } from './groupDateIcn.svg?react';
 export { default as GroupLeaderIc } from './groupLeaderIcn.svg?react';

src/components/commons/Footer.tsx

@@ -1,8 +1,15 @@
 import styled from '@emotion/styled';
 
 import Spacing from './Spacing';
-
-import { FooterInstaIc, FooterKakaoIc, FooterLogoIc, FooterMailIc } from './../../assets/svgs';
+import { FOOTER_LINK } from '../../constants/footerLink';
+
+import {
+  FooterInstaIc,
+  FooterLogoIc,
+  FooterMailIc,
+  FooterNotionIc,
+  FooterWallaIc,
+} from './../../assets/svgs';
 import theme from './../../styles/theme';
 
 const Footer = () => {
@@ -15,9 +22,18 @@ const Footer = () => {
       </FooterLayout>
       <FooterLayout>
         <IconContainer>
-          <FooterMailIc />
-          <FooterKakaoIc />
-          <FooterInstaIc />
+          <a href={FOOTER_LINK.MAIL} target="_blank">
+            <FooterMailIc />
+          </a>
+          <a href={FOOTER_LINK.INSTAGRAM} target="_blank">
+            <FooterInstaIc />
+          </a>
+          <a href={FOOTER_LINK.NOTION} target="_blank">
+            <FooterNotionIc />
+          </a>
+          <a href={FOOTER_LINK.WALLA} target="_blank">
+            <FooterWallaIc />
+          </a>
         </IconContainer>
         <Spacing marginBottom="2" />
         <MilePrivacy>이용약관 및 개인정보 취급방침</MilePrivacy>

src/constants/footerLink.ts

@@ -0,0 +1,6 @@
+export const FOOTER_LINK = {
+  MAIL: 'mailto:[email protected]',
+  INSTAGRAM: 'https://www.instagram.com/milewriting.official/',
+  NOTION: 'https://milewriting.notion.site/fc4386f655b24be48dfa0946804c8e1e?pvs=4',
+  WALLA: 'https://walla.my/survey/OjhPSWMQWbXmY8Nm9Ehv',
+};