작업 방식

• 강사님의 Best Practice(Next.js App Router 인증인가 Best Practice)를 바탕으로 작업 진행
• BE에서 body에 토큰을 실어 보내고, FE에서 쿠키 처리 (사유: 개발 편의성)

서버 토큰 함수 파일

토큰 설정 파일

fetch-client

AuthContext

문제 및 해결책

1. 문제 : 회원탈퇴하고 페이지를 불러올 때 오류가 발생함
2. 원인 : 사용자 정보가 없을 때도 AuthContext에서 토큰을 기대하고 있었기 때문
3. 해결 : 토큰의 존재 유무를 확인하는 hasToken 함수를 만들고 useEffect 구문에 조건 추가 / if (!user && hasToken()) { refreshUser(); }