@@ -36,6 +35,7 @@ const MainPage = () => {
>
}
imgSrc={HomeImg1}
+ imgAlt="판다가 인기 상품을 보고 있는 이미지"
imgMobileSrc={HomeImg1Small}
/>
@@ -52,6 +52,7 @@ const MainPage = () => {
>
}
imgSrc={HomeImg2}
+ imgAlt="돋보기로 상품을 확대하는 이미지"
imgMobileSrc={HomeImg2Small}
/>
@@ -67,6 +68,7 @@ const MainPage = () => {
>
}
imgSrc={HomeImg3}
+ imgAlt="다양한 상품을 등록하는 이미지"
imgMobileSrc={HomeImg3Small}
/>
@@ -82,7 +84,6 @@ const MainPage = () => {
imgSrc={HomeBottomImg}
imgAlt="팬더 두 마리가 파란 장바구니를 메고 서로 상품 후기를 주고받는 일러스트"
ariaLabel="하단 배너"
- lazyLoading={true}
/>
diff --git a/src/types/global.d.ts b/src/types/global.d.ts
index 2d89ff7a..ac223198 100644
--- a/src/types/global.d.ts
+++ b/src/types/global.d.ts
@@ -5,6 +5,6 @@ declare module "*.svg";
declare var process: {
env: {
- REACT_APP_API_URL?: string;
+ NEXT_PUBLIC_API_URL: string;
};
};
diff --git a/stores/authStore.ts b/stores/authStore.ts
new file mode 100644
index 00000000..cdb235dc
--- /dev/null
+++ b/stores/authStore.ts
@@ -0,0 +1,30 @@
+import { create } from "zustand";
+import { persist } from "zustand/middleware";
+
+interface User {
+ id: number;
+ email: string;
+ nickname?: string;
+ image?: null | string;
+}
+
+interface AuthState {
+ user: User | null;
+ setUser: (user: User | null) => void;
+ clearUser: () => void;
+}
+
+export const useAuthStore = create