refactor: 유저 컨텍스트 로컬스토리지 삭제 및 쿠키 만료시간 설정

[hakyoung12]

✏️ 작업 내용

• 유저 컨텍스트 로컬스토리지 삭제 및 클라이언트에서 패칭해오는 방식으로 변경
• 쿠키 만료시간 설정

📷 스크린샷

스핀 애니메이션

✍️ 사용법

서버에서 발급된 토큰을 쿠키에 저장 후 만료시간(1시간)이 지나면 삭제하도록 수정했습니다. 유효성관련 에러 핸들링시 토큰이 없는 경우만 넣으면 될 것 같습니다.

서버액션으로 유저데이터 받아오기

//page.tsx

import { getUserData } from './api/actions/mypage/getUserData';

export async function Page() {
  const userData = getUserData()
  return (
    <Component
      user={userData}
    />
  )
}

페이지 컴포넌트에서 getUserData로 유저데이터를 불러온 뒤에 prop으로 내려주고 사용하시면 됩니다..!

revalidate('revalidate할 엔드포인트')

revalidate('url')

클라이언트 컴포넌트에서도 revalidate를 할 수 있게 하는 함수입니다. revalidate('revalidate할 엔드포인트')로 사용가능합니다.

🎸 기타

로그인 상태에서 새로고침 시 헤더에 잠시동안 로그인버튼이 보이는 문제가 있습니다. ~컨텍스트의 스테이트가 잠시 초기화돼서 발생하는 문제인데 해결중입니다.~ <- 서버액션으로 유더데이터를 받아오는 방식으로 변경하여 해결했습니다!

이것저것 해봤을 때 아직 버그를 발견하지 못했습니다... 버그 발견시 바로 말씀해주세요...!