[feat]: Shadcn UI 모달 Select 레이아웃 시프트 방지 및 코드 정리
주요 변경사항:
- 테마/언어 선택을 모달 스타일로 변경 (native={false})
- LoginPage, SignupPage, DashboardLayout 적용
- CSS 2줄로 레이아웃 시프트 완전 제거
- body { overflow: visible !important }
- body[data-scroll-locked] { margin-right: 0 !important }
- 미사용 business 컴포넌트 대량 삭제 (코드 정리)
- CEODashboard → MainDashboard 이름 변경
- 구현 문서 작성: [IMPL-2025-11-12] modal-select-layout-shift-fix.md
🤖 Generated with Claude Code
Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -2,12 +2,28 @@ import { NextResponse } from 'next/server';
|
||||
import type { NextRequest } from 'next/server';
|
||||
|
||||
/**
|
||||
* Auth Check Route Handler
|
||||
* 🔵 Next.js 내부 API - 인증 상태 확인 (PHP 백엔드 X)
|
||||
*
|
||||
* Purpose:
|
||||
* - Check if user is authenticated (HttpOnly cookie validation)
|
||||
* - Prevent browser back button cache issues
|
||||
* - Real-time authentication validation
|
||||
* ⚡ 설계 목적:
|
||||
* - 성능 최적화: 매번 PHP 백엔드 호출 대신 로컬 쿠키만 확인
|
||||
* - 백엔드 부하 감소: 간단한 인증 확인은 Next.js에서 처리
|
||||
* - 사용자 경험: 즉시 응답으로 빠른 페이지 전환
|
||||
*
|
||||
* 📍 사용 위치:
|
||||
* - LoginPage.tsx: 이미 로그인된 사용자를 대시보드로 리다이렉트
|
||||
* - SignupPage.tsx: 이미 로그인된 사용자를 대시보드로 리다이렉트
|
||||
* - 뒤로가기 시 캐시 문제 방지
|
||||
*
|
||||
* 🔄 동작 방식:
|
||||
* 1. HttpOnly 쿠키에서 access_token, refresh_token 확인
|
||||
* 2. access_token 있음 → { authenticated: true } 즉시 응답
|
||||
* 3. refresh_token만 있음 → PHP /api/v1/refresh 호출하여 토큰 갱신
|
||||
* 4. 둘 다 없음 → { authenticated: false } 응답
|
||||
*
|
||||
* ⚠️ 주의:
|
||||
* - 이 API는 PHP 백엔드에 존재하지 않습니다
|
||||
* - Next.js 프론트엔드 자체 유틸리티 API입니다
|
||||
* - 실제 인증 로직은 여전히 PHP 백엔드가 담당합니다
|
||||
*/
|
||||
export async function GET(request: NextRequest) {
|
||||
try {
|
||||
@@ -18,7 +34,7 @@ export async function GET(request: NextRequest) {
|
||||
// No tokens at all - not authenticated
|
||||
if (!accessToken && !refreshToken) {
|
||||
return NextResponse.json(
|
||||
{ error: 'Not authenticated', authenticated: false },
|
||||
{ error: 'Not authenticated' },
|
||||
{ status: 401 }
|
||||
);
|
||||
}
|
||||
@@ -34,6 +50,8 @@ export async function GET(request: NextRequest) {
|
||||
// Only has refresh token - try to refresh
|
||||
if (refreshToken && !accessToken) {
|
||||
console.log('🔄 Access token missing, attempting refresh...');
|
||||
console.log('🔍 Refresh token exists:', refreshToken.substring(0, 20) + '...');
|
||||
console.log('🔍 Backend URL:', process.env.NEXT_PUBLIC_API_URL);
|
||||
|
||||
// Attempt token refresh
|
||||
try {
|
||||
@@ -42,11 +60,15 @@ export async function GET(request: NextRequest) {
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
'Accept': 'application/json',
|
||||
'Authorization': `Bearer ${refreshToken}`,
|
||||
'X-API-KEY': process.env.NEXT_PUBLIC_API_KEY || '',
|
||||
},
|
||||
body: JSON.stringify({
|
||||
refresh_token: refreshToken,
|
||||
}),
|
||||
});
|
||||
|
||||
console.log('🔍 Refresh API response status:', refreshResponse.status);
|
||||
|
||||
if (refreshResponse.ok) {
|
||||
const data = await refreshResponse.json();
|
||||
|
||||
@@ -80,21 +102,25 @@ export async function GET(request: NextRequest) {
|
||||
response.headers.append('Set-Cookie', refreshTokenCookie);
|
||||
|
||||
return response;
|
||||
} else {
|
||||
const errorData = await refreshResponse.text();
|
||||
console.error('❌ Refresh API failed:', refreshResponse.status, errorData);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Token refresh failed in auth check:', error);
|
||||
console.error('❌ Token refresh failed in auth check:', error);
|
||||
}
|
||||
|
||||
// Refresh failed - not authenticated
|
||||
console.log('⚠️ Returning 401 due to refresh failure');
|
||||
return NextResponse.json(
|
||||
{ error: 'Token refresh failed', authenticated: false },
|
||||
{ error: 'Token refresh failed' },
|
||||
{ status: 401 }
|
||||
);
|
||||
}
|
||||
|
||||
// Fallback - not authenticated
|
||||
return NextResponse.json(
|
||||
{ error: 'Not authenticated', authenticated: false },
|
||||
{ error: 'Not authenticated' },
|
||||
{ status: 401 }
|
||||
);
|
||||
|
||||
|
||||
Reference in New Issue
Block a user