From ee19de609bdbb3880639769297830be5349b86e3 Mon Sep 17 00:00:00 2001
From: Jinny <khj9709@icloud.com>
Date: Wed, 5 Oct 2022 02:20:11 +0900
Subject: [PATCH 1/4] =?UTF-8?q?feat:=20:sparkles:=20slider=20lazy=20loadin?=
 =?UTF-8?q?g=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/MainSlider.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/common/MainSlider.tsx b/src/components/common/MainSlider.tsx
index 4e97ec1..794bfae 100644
--- a/src/components/common/MainSlider.tsx
+++ b/src/components/common/MainSlider.tsx
@@ -54,6 +54,8 @@ function MainSlider(props: MainSliderProps) {
           prevEl: prevRef.current, // 이전 버튼
           nextEl: nextRef.current, // 다음 버튼
         },
+        lazy: true,
+        preloadImages: false,
         pagination: {
           clickable: false,
           renderBullet: (index, className) =>

From 2d1a82c29257adf3e0ec5c07930900e3386dd3c4 Mon Sep 17 00:00:00 2001
From: Jinny <khj9709@icloud.com>
Date: Wed, 5 Oct 2022 02:27:17 +0900
Subject: [PATCH 2/4] =?UTF-8?q?edit:=20:fire:=20=EC=A0=81=EC=A0=88?=
 =?UTF-8?q?=ED=95=98=EC=A7=80=20=EC=95=8A=EC=9D=80=20li=20=ED=83=9C?=
 =?UTF-8?q?=EA=B7=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/Footer.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/common/Footer.tsx b/src/components/common/Footer.tsx
index f868b0b..25f7742 100644
--- a/src/components/common/Footer.tsx
+++ b/src/components/common/Footer.tsx
@@ -102,7 +102,7 @@ const MobileFontStyle = css`
   line-height: 7px;
 `;
 
-const ContactTitle = styled.div`
+const ContactTitle = styled.b`
   width: 7.7rem;
   font-weight: 600;
   font-size: 1.4rem;
@@ -116,7 +116,7 @@ const ContactTitle = styled.div`
   }
 `;
 
-const ContactContent = styled.li`
+const ContactContent = styled.span`
   flex: 1;
   list-style: none;
   font-weight: 400;
@@ -153,7 +153,7 @@ const RightFooterWrapper = styled.div`
   }
 `;
 
-const RightFooter = styled.li`
+const RightFooter = styled.span`
   list-style: none;
   display: flex;
   justify-content: space-between;

From 393932e41d9079a48b71fa3fc81aa3aa0fe919a8 Mon Sep 17 00:00:00 2001
From: Jinny <khj9709@icloud.com>
Date: Wed, 5 Oct 2022 03:04:22 +0900
Subject: [PATCH 3/4] =?UTF-8?q?edit:=20:fire:=20=EC=A0=91=EA=B7=BC?=
 =?UTF-8?q?=EC=84=B1=20=EA=B4=80=EB=A0=A8=20=EC=9A=94=EC=86=8C=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1. a 태그에 aria-label 추가
2. input 태그에 label을 명시적으로 추가할 것 => 하지 못한다면 title 속성은 제공하자.
3. heading 태그는 descending 한 구조로 작성하자.
4. html lang 속성을 추가하자.
---
 src/components/ThemeSelector/index.tsx             | 2 +-
 src/components/common/Banner.tsx                   | 2 +-
 src/components/common/Navbar/GlobalNav/Desktop.tsx | 2 +-
 src/components/common/Navbar/NavSearch/index.tsx   | 7 ++++++-
 src/pages/_document.tsx                            | 3 ++-
 5 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/components/ThemeSelector/index.tsx b/src/components/ThemeSelector/index.tsx
index 68a09dd..64bfeac 100644
--- a/src/components/ThemeSelector/index.tsx
+++ b/src/components/ThemeSelector/index.tsx
@@ -18,7 +18,7 @@ function ThemeSelector() {
   const isValidCurrentTheme = !currentTheme || typeof currentTheme === 'string';
   return (
     <StyledRoot>
-      <h4>테마별 소품샵</h4>
+      <h2>테마별 소품샵</h2>
       <StyledElWrapper isMain={isMain}>
         {isValidCurrentTheme &&
           category.map((themeType) => (
diff --git a/src/components/common/Banner.tsx b/src/components/common/Banner.tsx
index db0978f..de464ae 100644
--- a/src/components/common/Banner.tsx
+++ b/src/components/common/Banner.tsx
@@ -12,7 +12,7 @@ function Banner(props: BannerProps) {
   if (href) {
     return (
       <Link passHref href={href}>
-        <StyledBannerLink imgUrl={src} />
+        <StyledBannerLink aria-label={`소담 ${src}(으)로 이동하기`} imgUrl={src} />
       </Link>
     );
   }
diff --git a/src/components/common/Navbar/GlobalNav/Desktop.tsx b/src/components/common/Navbar/GlobalNav/Desktop.tsx
index 3b826b1..caa9c2a 100644
--- a/src/components/common/Navbar/GlobalNav/Desktop.tsx
+++ b/src/components/common/Navbar/GlobalNav/Desktop.tsx
@@ -36,7 +36,7 @@ function GlobalNavDesktop(props: NavProps) {
         <GlobalNavBar>
           <LeftNav>
             <Link href="/" passHref>
-              <Logo>
+              <Logo aria-label="소담 홈페이지">
                 <Screen wide>
                   <MainLogoIC />
                 </Screen>
diff --git a/src/components/common/Navbar/NavSearch/index.tsx b/src/components/common/Navbar/NavSearch/index.tsx
index dff1fee..275d8ec 100644
--- a/src/components/common/Navbar/NavSearch/index.tsx
+++ b/src/components/common/Navbar/NavSearch/index.tsx
@@ -58,7 +58,12 @@ function NavSearch() {
       <Screen wide>
         <SearchICWide />
       </Screen>
-      <input type="text" ref={searchKeywordRef} onChange={debounce(handleChangeSearch, 500)} />
+      <input
+        title="소품샵 검색"
+        type="text"
+        ref={searchKeywordRef}
+        onChange={debounce(handleChangeSearch, 500)}
+      />
       {isOpen && (
         <ResultList ref={searchRef}>
           {results.length > 0 ? (
diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
index ddfb1f9..142462d 100644
--- a/src/pages/_document.tsx
+++ b/src/pages/_document.tsx
@@ -37,7 +37,7 @@ export default class MyDocument extends Document {
 
   render() {
     return (
-      <Html>
+      <Html lang="ko">
         <Head>
           <script
             type="text/javascript"
@@ -49,6 +49,7 @@ export default class MyDocument extends Document {
             href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap"
             rel="stylesheet"
           />
+          <meta name="description" content="소담의 소품샵 큐레이션을 만나보세요" />
           <meta property="og:title" content="소담 :: 소품샵 여정의 이야기를 담다" />
           <meta property="og:description" content="소담의 소품샵 큐레이션을 만나보세요" />
           <meta property="og:url" content="sodam.me" />

From d0ba23e10b303cd121d699a8f3a6d8adf47ccd12 Mon Sep 17 00:00:00 2001
From: Jinny <khj9709@icloud.com>
Date: Tue, 11 Oct 2022 16:12:25 +0900
Subject: [PATCH 4/4] =?UTF-8?q?edit:=20:fire:=20=EC=8A=A4=ED=83=80?=
 =?UTF-8?q?=EC=9D=BC=20=EB=88=84=EB=9D=BD=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

393932e41d9079a48b71fa3fc81aa3aa0fe919a8
위의 커밋의 수정에 따른 스타일 누락 수정
---
 src/components/ThemeSelector/index.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/ThemeSelector/index.tsx b/src/components/ThemeSelector/index.tsx
index 64bfeac..15c9df9 100644
--- a/src/components/ThemeSelector/index.tsx
+++ b/src/components/ThemeSelector/index.tsx
@@ -44,7 +44,7 @@ const StyledRoot = styled.div`
   align-self: center;
   width: 100%;
 
-  & > h4 {
+  & > h2 {
     font-weight: 700;
     font-size: 3rem;
     line-height: 4.3rem;
@@ -52,7 +52,7 @@ const StyledRoot = styled.div`
   }
 
   ${applyMediaQuery('desktop')} {
-    & > h4 {
+    & > h2 {
       font-size: 2.6rem;
       line-height: 3.8rem;
     }
@@ -60,7 +60,7 @@ const StyledRoot = styled.div`
     gap: 3.8rem;
   }
   ${applyMediaQuery('tablet')} {
-    & > h4 {
+    & > h2 {
       font-size: 2rem;
       line-height: 2.9rem;
     }
@@ -68,7 +68,7 @@ const StyledRoot = styled.div`
     gap: 2.7rem;
   }
   ${applyMediaQuery('mobile')} {
-    & > h4 {
+    & > h2 {
       font-size: 1.4rem;
       line-height: 2rem;
     }