로그인 기능 구현 #53
Draft
로그인 기능 구현 #53
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
zustand와 react-router-dom 의존성 설치 개발 시 필요한 타입 정의를 위해 @types/react-router-dom 개발 의존성 설치
.env.local 파일의 환경변수 설정을 표준 형식으로 정리 - VITE_PROJECT_URL과 VITE_PUBLIC_ANON_KEY 변수의 공백 제거 - 문자열 값 주변의 따옴표 제거하여 일관성 개선
Zustand 기반 인증 상태 관리 및 GitHub OAuth 연동 - 인증 관련 타입 정의 (AuthStatus, User, AuthState, AuthActions) - Zustand를 활용한 인증 스토어 구현 (게스트/GitHub 로그인, 로그아웃) - Supabase 세션 변경 감지를 위한 useAuth 훅 구현 - 브라우저 스토리지 persist 지원으로 인증 상태 유지
인증 시스템용 사용자 인터페이스 추가 - GitHubLoginButton: GitHub OAuth 로그인 버튼 (로딩 상태 포함) - GuestLoginButton: 게스트 로그인 버튼 (라우팅 연동) - LoginPage: 전체 로그인 페이지 레이아웃 및 로딩 처리
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
관련 이슈 번호
Resolves #50
핵심 변경 사항 및 이유
🚧 진행 중인 작업: 칸반보드 애플리케이션에 인증 시스템 추가
✅ 완료된 작업
🔄 진행 중인 작업
📋 작업 체크리스트
auth.ts)authStore.ts)useAuth.ts)GitHubLoginButton.tsx)GuestLoginButton.tsx)LoginPage.tsx).env.local)authStore.ts)관련 스크린샷