핵심 요약
여기어때의 항공 프론트엔드 구축기는 토큰이 쿠키, 앱 저장소, 웹뷰의 3경로로 흘러오는 인증 흐름을 하나의 쿠키 기반 흐름으로 정리하고, SSR에서 로그인 상태를 초기 반영하는 설계를 다룹니다. 브릿지 기반의 경계에서도 토큰 흐름의 일관성을 유지하는 것이 핵심 포인트입니다.
주요 경험
- 토큰 전달 경로 3곳을 하나의 흐름으로 통합하는 아키텍처를 구현
- httpOnly 쿠키를 사용해 JS 노출을 차단하고 보안을 강화
- 서버 액션과 SSR로 첫 화면에서 회원 정보를 조회해 로그인 상태를 즉시 반영
- 브릿지와 트리거를 중앙에서 관리하는 인증 흐름 체계를 수립
얻은 인사이트
- 브릿지 타이밍 이슈를 한 곳에서 관리하면 예측 가능성이 높아짐
- 라이브러리의 무게가 커지더라도 공용화로 재사용성이 증가
- SSR 도입으로 초기 화면의 로그인 상태가 개선되어 사용자 경험이 향상