JayHoon의 세상 모든 지식

Firebase + Next.js 14 기반 인증 시스템 설계Next.js App Router 환경에서 Firebase 인증을 구현하는 방식은 크게 2가지로 나뉩니다.1. ID 토큰 직접 사용 방식 인증 흐름: 클라이언트에서 getIdToken()으로 JWT 발급 → 요청 시마다 헤더에 첨부 전송 위치: Authorization: Bearer 유효 시간: 약 1시간 (자동 갱신 가능) SSR 지원: 비효율적 (수동 헤더 처리 필요) 보안 (XSS): 취약 (브라우저 JS 접근 가능) 보안 (CSRF): 안전 (헤더 기반) 권한 동기화: 클라이언트가 수동 갱신 필요 장점: 빠른 MVP 구현, 클라이언트 중심 앱에 적합 단점: SSR 및 장기 로그인 유지에 불리2. 쿠키 기반 세션 방식 ..

Firebase client.ts와 admin.ts 분리 이유Firebase 프로젝트에서 client.ts와 admin.ts를 분리하는 것은 실행 환경, 권한 수준, 보안 책임이 다르기 때문입니다.1. 사용 목적 구분 구분 client.ts admin.ts 실행 위치 브라우저 (CSR) 서버 (API Route, SSR 등) 사용 SDK firebase/app, firebase/auth firebase-admin 역할 로그인, 로그아웃, getIdToken, onAuthStateChanged 등 세션 쿠키 생성/검증, 유저 삭제, DB 접..