src/components/ui/common/Header.tsx

@@ -10,7 +10,6 @@ import { Swiper, SwiperSlide } from 'swiper/react'
 import type { HeaderProps } from '@/types/Header'
 
 import 'swiper/css'
-import { useSideNavState } from '@/store/sideNavState'
 
 // type HeaderProps = {
 //   name: string //header 이름
@@ -20,7 +19,7 @@ import { useSideNavState } from '@/store/sideNavState'
 export default function Header({ name }: HeaderProps) {
   const router = useRouter()
   const pathname = usePathname()
-  const { sideNavIsOpen, setSideNavIsOpen, reset } = useSideNavState()
+  const [headerAct, setHeaderAct] = useState<boolean>(false)
   const [isShowBackBtn, setIsShowBackBtn] = useState<boolean>(false)
 
   if (pathname === '/login') {
@@ -31,8 +30,6 @@ export default function Header({ name }: HeaderProps) {
     if (pathname !== '/') {
       setIsShowBackBtn(true)
     }
-    //사이드바 초기화
-    reset()
   }, [pathname])
 
   return (
@@ -46,13 +43,13 @@ export default function Header({ name }: HeaderProps) {
               </div>
             )}
             <h2 className="logo">
-              <Link href={'/'}>{name}</Link>
+              <Link href={'#'}>{name}</Link>
             </h2>
             <div className="side-button-wrap">
-              <button className="side-button" onClick={() => setSideNavIsOpen(true)}></button>
+              <button className="side-button" onClick={() => setHeaderAct(true)}></button>
             </div>
           </div>
-          <div className={`side-nav ${sideNavIsOpen ? 'active' : ''}`}>
+          <div className={`side-nav ${headerAct ? 'active' : ''}`}>
             <div className="side-nav-inner">
               <div className="side-nav-header">
                 <div className="side-header-profile">
@@ -65,7 +62,7 @@ export default function Header({ name }: HeaderProps) {
                   </div>
                 </div>
                 <div className="side-close-wrap">
-                  <button className="side-close-btn" onClick={() => setSideNavIsOpen(false)}></button>
+                  <button className="side-close-btn" onClick={() => setHeaderAct(false)}></button>
                 </div>
               </div>
               <div className="side-swiper-wrap">

src/store/sideNavState.ts

@@ -1,21 +0,0 @@
-import { create } from 'zustand'
-
-type SideNavState = {
-  sideNavIsOpen: boolean
-  setSideNavIsOpen: (value: boolean) => void
-  reset: () => void
-}
-
-type InitialState = {
-  sideNavIsOpen: boolean
-}
-
-const initialState: InitialState = {
-  sideNavIsOpen: false,
-}
-
-export const useSideNavState = create<SideNavState>((set) => ({
-  ...initialState,
-  setSideNavIsOpen: (value: boolean) => set((state) => ({ ...state, sideNavIsOpen: value })),
-  reset: () => set(initialState),
-}))