PROBLEM
문제 상황
레거시 모놀리스를 전환할 때 프론트엔드가 기존 session 방식에 묶이면 백엔드 교체 시 UI와 기능 코드까지 함께 흔들립니다.
APPROACH
접근 방법
Next.js 15 App Router 기반으로 UI, auth store, provider interface, token storage를 분리했습니다. 로컬 개발은 mock provider로 유지하고, JWT provider는 환경변수 전환만으로 붙일 수 있게 설계했습니다.
OUTCOME
성과
백엔드가 준비되지 않은 동안에도 화면과 로그인 흐름을 검증할 수 있었고, Django session 제거와 Spring Boot JWT 전환을 같은 UI 코드로 이어갈 수 있는 구조가 만들어졌습니다.
- AuthProvider 패턴으로 UI와 인증 구현 분리
- Mock/JWT provider를 환경변수로 전환
- 시각 동등성 검증으로 레거시 UX 회귀 방지
- Next.js App Router와 feature 기반 모듈 구조 적용