feat: 소셜 로그인 통합 및 상태 관리, 라우터 레이아웃 분리 #23
Merged
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
tkyoun0421
approved these changes
Jun 24, 2025
Comment on lines
+12
to
+46
| const socialLogin = async (provider: AuthProvider): Promise<void> => { | ||
| try { | ||
| const result = await signInWithPopup(auth, provider); | ||
| const user = result.user; | ||
|
|
||
| console.log("소셜 로그인 성공: ", user); | ||
| navigate("/"); | ||
| } catch (error: any) { | ||
| console.error("소셜 로그인 실패: ", error); | ||
|
|
||
| if (error.code !== "auth/account-exists-with-different-credential") | ||
| return; | ||
|
|
||
| const email = error.customData?.email; | ||
| if (!email) { | ||
| alert("이메일 정보를 가져올 수 없습니다."); | ||
| return; | ||
| } | ||
|
|
||
| const methods = await fetchSignInMethodsForEmail(auth, email); | ||
| if (methods.length === 0) { | ||
| alert("이미 다른 로그인 방법으로 가입된 이메일입니다."); | ||
| return; | ||
| } | ||
|
|
||
| if (methods.includes("google.com")) { | ||
| alert( | ||
| "이미 Google 계정으로 가입된 이메일입니다. Google 로그인을 이용해주세요." | ||
| ); | ||
| } else { | ||
| alert(`이미 가입된 로그인 방법: ${methods.join(", ")}`); | ||
| } | ||
| } | ||
| }; | ||
|
|
tkyoun0421
merged commit d06c76f
into
amicable-development-center:develop
1 check passed
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
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.
개요
소셜 로그인 기능을 통합하여 재사용성을 개선하였고, Zustand 기반 전역 인증 상태를 추가하였습니다.
또한 로그인/회원가입 페이지에서 Header가 보이지 않도록 라우터 레이아웃을 분리하였습니다.
변경 사항
구현 내용
Zustand 기반 전역 인증 상태 관리 로직 추가
Github, Google 소셜 로그인 통합 훅 구현 (코멘트 반영 수정)
Header 컴포넌트 생성 및 로그인/로그아웃 버튼 상태 분기 적용
로그인/로그아웃 버튼 features 레이어로 이동
라우터 레이아웃 분리: 로그인/회원가입 페이지에서 Header 제거
소셜 로그인 훅 통합 및 LoginForm 내 훅 호출 구조 수정
개발 후기 및 개선사항
이번 작업에서 배운 점
어려웠던 점 / 에로사항
다음에 개선하고 싶은 점
팀원들과 공유하고 싶은 팁