반응형 전체 글45 RSC 하이드레이션: 서버는 왜 BFF를 건너뛰는가 NullVest Engineering 프론트엔드 아키텍처 · 2/2 RSC 하이드레이션: 서버는 왜 BFF를 건너뛰는가 2026-05-16 · ADR-0035 대상 코드 features/*/server · lib/server/react-query TL;DR 1편에서 BFF를 깔았지만, 정작 RSC 효용은 0이었다 — 'use client' 파일 289개, 데이터는 전부 클라이언트에서만 페칭됐다. 같은 백엔드로 가는 문이 두 개다. 클라이언트는 BFF를 거치고(쿠키→JWT), 서버(RSC)는 BFF를 건너뛰어 백엔드에 직접 들어간다(세션→JWT 직접 주입). 둘을 잇는 끈은 단 하나 — 공유 query key. 서버 prefetch → dehydrate →.. 2026. 5. 30. Next.js를 BFF로: 토큰을 브라우저에서 지우는 stateless JWE 세션 NullVest Engineering 프론트엔드 아키텍처 · 1/2 Next.js를 BFF로: 토큰을 브라우저에서 지우는 stateless JWE 세션 2026-05-10 · ADR-0034 대상 코드 apps/web/src/lib/server · app/api TL;DR access token을 JS 메모리에 들고 있던 SPA 구조를 버리고, Next.js를 BFF(Backend-for-Frontend)로 세웠다. 토큰은 AES-256-GCM으로 암호화된 httpOnly 쿠키(JWE)에 봉인 — 자바스크립트로는 절대 못 읽는다. XSS 토큰 탈취 표면 0. Redis 세션 스토어는 도입하지 않았다. 브라우저 요청을 받은 BFF가 매번 쿠키를 복호화해 A.. 2026. 5. 30. [React Native] 사용자 경험의 완성: 인앱 브라우저 한계를 넘는 하이브리드 앱 구축 여정 📂 GitHub 저장소💼 포트폴리오기존 React 웹앱의 인앱 브라우저 제한을 React Native 하이브리드 앱으로 근본적으로 해결하고, 네이티브 기능(홈 위젯, 푸시 알림)을 추가하여 사용자 경험을 크게 향상시킨 개발 여정을 공유합니다. 📑 바로가기🎯 문제 정의🔍 아키텍처 선택🔥 도전과제💡 해결 과정📈 결과🛠 기술 스택🎯 문제 정의: 웹앱의 한계를 넘어이전 글에서 카카오톡, 에브리타임 등 인앱 브라우저에서 Google OAuth가 차단되는 문제를 해결하기 위해 URL 스킴 기반 외부 브라우저 리다이렉트를 구현했습니다. 하지만 이는 완전한 해결책이 아니었습니다.⚠️ 기존 웹 우회 방식의 한계iOS에서 일부 앱(인스타그램, 에브리타임 등)은 외부 브라우저 열기가 기술적으로 불가능하여 .. 2026. 1. 28. [React] 사용자 이탈을 0%로: 인앱 브라우저 감지 및 리다이렉트 구현 여정 📂 GitHub 저장소🌐 라이브 데모💼 포트폴리오카카오톡, 에브리타임 등 인앱 브라우저에서 Google OAuth 로그인이 차단되는 문제를 분석하고, 앱별 URL 스킴을 활용한 외부 브라우저 리다이렉트 솔루션을 구현한 과정을 공유합니다. 📑 바로가기🎯 문제 정의🔍 원인 분석🔥 도전과제💡 해결 과정📈 결과🛠 기술 스택🎯 문제 정의: 왜 카카오톡에서 구글 로그인이 안 될까?대학 커뮤니티 에브리타임이나 카카오톡에서 공유된 링크를 클릭하면, 해당 앱 내부의 인앱 브라우저(In-App Browser)에서 웹페이지가 열립니다. 문제는 이 환경에서 Google OAuth 로그인이 완전히 차단된다는 것입니다.사용자가 "Google로 계속하기" 버튼을 누르면, 다음과 같은 에러 메시지가 표시됩니다:".. 2026. 1. 20. 이전 1 2 3 4 ··· 12 다음 반응형
