유저 정보 전역 상태 사용법 - B05-group-plus-project/seongsimdangsajo GitHub Wiki

##사용방법

임포트문 추가 파일 상단에 다음 코드를 추가합니다

'use client';
import { useUserStore } from "@/store/userStore";

화살표 함수 안에 넣기

const Page = () => {
    const { userId, email, nickname, profile } = useUserStore((state) => ({
        userId: state.userId,
        email: state.email,
        nickname: state.nickname,
        profile: state.profile,
    }));

  ...

원하는 정보만 가져와서 사용가능합니다.

const Page = () => {
    const { userId, profile } = useUserStore((state) => ({
        userId: state.userId,
        profile: state.profile,
    }));

  ...

사용 예시

        <div>
            <h1>사용자 프로필</h1>
            <p>아이디: {userId}</p>
            <p>이메일: {email}</p>
            <p>닉네임: {nickname}</p>
            <img src={profile} alt="프로필 이미지" />
        </div>
⚠️ **GitHub.com Fallback** ⚠️