모든 프로젝트펫프렌즈
로그인/회원가입 Next 리팩토링
2024.05 — 2024.11
Refactoring & Migration
FE 1명, BE 1명, PD 1명, PO 1명
프로젝트 개요
기존 Vue2 기반 로그인/회원가입 페이지를 Next.js로 전환하면서, SDK 최신화와 사용자 경험 개선을 동시에 달성한 프로젝트입니다. 단독으로 기획부터 개발까지 전담했습니다.
핵심 도전 과제
- Galaxy Fold 기기에서 userAgent가 모바일로 인식되지 않는 Kakao SDK 호환성 이슈
- 비네이티브 환경에서의 팝업 기반 로그인 플로우 구현
- 히스토리 변경 없이 자연스러운 온보딩 흐름 연결
구현 솔루션
SDK 최신화 및 호환성 해결
- Kakao SDK 최신 버전 업그레이드로 Galaxy Fold 기기 호환성 문제 완전 해결
- Apple SDK, Naver SDK 통합 소셜 로그인 구현
팝업 기반 로그인 플로우
- window.open을 활용한 로그인/회원가입 팝업 처리
- postMessage 기반 팝업-메인 창 간 상태 동기화
사용 기술
Next.jsTypeScriptReact-QueryReact-Hook-FormZodApple SDKKakao SDKNaver SDK