로그인·회원가입·내 프로필(상세/등록) 구현 & authProvider 리팩토링 (세션 만료/리다이렉트 옵션 포함)

[jeschun]

📝 작업 개요 (필수)

1. 통합 구축: 로그인/회원가입, authProvider, 내 프로필(상세·등록) 전체 흐름 일괄 구현.

2. 로그인 페이지: 제출/에러 모달 처리 + blur 검증(이메일 형식, 비번 8자 이상).

3. 회원가입 페이지: 기본 제출 플로우 및 검증/에러 처리 구성.

4. 프로필 페이지: 상세 보기와 등록·수정 + 저장 공통 로직 + 페이지 내부 로그인 가드.

5. 인증 인프라: authProvider 리팩토링(axios/스토리지)·세션 만료 저장/검사·logout({redirectTo})·useAuth() API 일원화.

✨ 작업 내용 (필수)

• 기능 구현
• 버그 수정
• 스타일/UI 변경
• 리팩토링
• 최적화/성능개선
• 문서 업데이트
• 기타 변경사항

📸 스크린샷

🧐 해결해야 하는 문제

🤔 리뷰어 확인 필요 사항

• authProvider의 스토리지 키/만료 로직 설계 타당성

LocalStorage 키: thejulge_token, thejulge_user_id (만료 키: thejulge_expires 제안)

• 브라우저에서만 Authorization: Bearer 자동 첨부 (POST /token, /users 제외)

• logout({ redirectTo }) 옵션 처리 방식 (기본 /, 사용자 지정 경로 허용)

• 로그인 가드 처리 위치: 라우트 수준 vs 페이지 내부 가드 → 현재는 페이지 내부 가드 적용

• nav.tsx 에서 onClick={logout}을

onClick={e => {
e.preventDefault(); 
logout('/');
      }}

이렇게 고쳤습니다 리다이렉트 때문에 오류로 떠서 저렇게 바꿨습니다

🔗 관련 이슈

• Closes #이슈 번호
• Related to #이슈 번호

🛠️ 후속 작업

• [ ]
• [ ]

✅ 체크리스트 (필수)

• 작업한 내용과 커밋 메시지 컨벤션을 통일했는지 확인
• 내가 작성한 코드를 테스트까지 완료했는지 잘 작동했는지 확인
• ESLint 검사 통과
• Prettier 포맷팅 적용
• TypeScript 에러 없음
• 빌드 에러 없음

[vercel]

@jeschun is attempting to deploy a commit to the projects Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
thejulge	Error			Oct 16, 2025 5:26am