feat(global): fe 다시 재커밋

Hyeseung-OH · Hyeseung-OH · commit e6f4a9cccb87 · 2025-10-20T09:22:12.000+09:00
diff --git a/front/src/app/(auth)/email-verification/page.tsx b/front/src/app/(auth)/email-verification/page.tsx
@@ -0,0 +1 @@
+// 회원가입 이메일 인증 페이지
diff --git a/front/src/app/(auth)/login/page.tsx b/front/src/app/(auth)/login/page.tsx
@@ -1,7 +1,7 @@
 // 로그인 페이지
 'use client';
 import Form from '@/components/Form';
-import { http } from '@/lib/api';
+import { http } from '@/lib/api/client';
 import type { LoginRequest, LoginResponse } from '@/lib/types';
 import { useToast } from '@/components/ui/Toast';
 import { useAuth } from '@/hooks/auth/useAuth';
diff --git a/front/src/app/(auth)/signup/page.tsx b/front/src/app/(auth)/signup/page.tsx
@@ -0,0 +1 @@
+// 회원가입 페이지
diff --git a/front/src/app/(dashboard)/analysis/[id]/page.tsx b/front/src/app/(dashboard)/analysis/[id]/page.tsx
@@ -0,0 +1 @@
+// 분석 결과 페이지
diff --git a/front/src/app/(dashboard)/users/history/page.tsx b/front/src/app/(dashboard)/users/history/page.tsx
@@ -0,0 +1 @@
+// 사용자 분석 히스토리 페이지
diff --git a/front/src/app/(dashboard)/users/profile/page.tsx b/front/src/app/(dashboard)/users/profile/page.tsx
@@ -0,0 +1 @@
+// 사용자 프로필 페이지
diff --git a/front/src/app/community/[id]/page.tsx b/front/src/app/community/[id]/page.tsx
@@ -0,0 +1 @@
+// 커뮤니티 사용자 분석 결과 상세 페이지, 댓글 기능 있어야 하는 곳
diff --git a/front/src/app/community/page.tsx b/front/src/app/community/page.tsx
@@ -0,0 +1 @@
+// 커뮤니티 메인 페이지
diff --git a/front/src/components/Header.tsx b/front/src/components/Header.tsx
@@ -3,7 +3,7 @@
 import Link from "next/link"
 import { useState } from "react"
 import { Sparkles } from "lucide-react"
-import { Button } from "@/components/ui/button"
+import { Button } from "@/components/ui/Button"
 
 export default function Header() {
   const [isLoggedIn, setIsLoggedIn] = useState(false)
diff --git a/front/src/lib/api/analysis.ts b/front/src/lib/api/analysis.ts
@@ -0,0 +1,32 @@
+// analysis 도메인 API
+import { http } from './client'
+
+// ===== 타입 정의 =====
+export interface AnalysisRequest {
+  githubUrl: string
+}
+
+export interface HistoryResponseDto {
+  repositoryName: string
+  createDate: string // LocalDateTime -> string (ISO 형식)
+  languages: string[]
+  totalScore: number
+  publicStatus: boolean
+}
+
+// ===== Analysis API 함수들 =====
+export const analysisApi = {
+  /**
+   * GitHub 저장소 분석 요청
+   * POST /api/analysis
+   */
+  requestAnalysis: (githubUrl: string): Promise<void> =>
+    http.post('/analysis', { githubUrl }),
+
+  /**
+   * 사용자별 분석 히스토리 조회
+   * GET /api/analysis/user/{memberId}
+   */
+  getMemberHistory: (memberId: number): Promise<HistoryResponseDto[]> =>
+    http.get(`/analysis/user/${memberId}`),
+}
diff --git a/front/src/lib/api/auth.ts b/front/src/lib/api/auth.ts
@@ -0,0 +1 @@
+// user 도메인 API
diff --git a/front/src/lib/api/client.ts b/front/src/lib/api/client.ts
@@ -0,0 +1,111 @@
+import type { 
+  ApiResponse, 
+  ErrorResponse, 
+  HttpMethod, 
+  AuthType, 
+  ApiRequestOptions 
+} from '@/types/api';
+import { ErrorHandler } from '@/lib/errors/error-handler';
+
+const BASE = process.env.NEXT_PUBLIC_BACKEND_URL;
+const AUTH_HEADER = process.env.NEXT_PUBLIC_AUTH_HEADER || 'Authorization';
+
+function getToken(): string | null {
+  if (typeof window === 'undefined') return null;
+  return localStorage.getItem('accessToken');
+}
+
+export async function api<T = unknown>(
+  path: string,
+  opts: ApiRequestOptions & { next?: NextFetchRequestConfig } = {}
+): Promise<T> {
+  const {
+    method = 'GET',
+    body,
+    headers = {},
+    auth = 'token',
+    next,
+  } = opts;
+
+  const isAbsolute = path.startsWith('http');
+  const url = isAbsolute 
+    ? path 
+    : (process.env.NEXT_PUBLIC_DEV_PROXY === 'true' 
+        ? `/api${path.startsWith('/') ? path : `/${path}`}` 
+        : `${BASE}${path.startsWith('/') ? path : `/${path}`}`);
+
+  const h: Record<string, string> = {
+    'Content-Type': 'application/json',
+    ...headers,
+  };
+
+  if (auth === 'token') {
+    const token = getToken();
+    if (token) h[AUTH_HEADER] = `Bearer ${token}`;
+  }
+
+  try {
+    const res = await fetch(url, {
+      method,
+      headers: h,
+      body: body ? JSON.stringify(body) : undefined,
+      credentials: auth === 'cookie' ? 'include' : 'same-origin',
+      cache: 'no-store',
+      next,
+    });
+
+    const text = await res.text();
+    const responseData = text ? JSON.parse(text) : null;
+
+    if (!res.ok) {
+      // 🔥 에러 응답 데이터를 함께 전달
+      const errorResponse = responseData as ErrorResponse;
+      const handledError = ErrorHandler.handleFetchError(res, errorResponse);
+      
+      // 에러 로깅
+      ErrorHandler.logError(handledError, `API_${method}_${path}`);
+      
+      throw handledError;
+    }
+
+    // 백엔드 ApiResponse<T> 구조에서 data 추출
+    const apiResponse = responseData as ApiResponse<T>;
+    return apiResponse.data;
+
+  } catch (error) {
+    // 🔥 이미 ApiError인 경우 재처리하지 않음
+    if (error instanceof ErrorHandler.constructor.prototype.constructor) {
+      throw error;
+    }
+    
+    // 🔥 다른 에러들만 ErrorHandler로 처리
+    const handledError = ErrorHandler.handle(error);
+    ErrorHandler.logError(handledError, `API_${method}_${path}`);
+    throw handledError;
+  }
+}
+
+export const http = {
+  get: <T>(path: string, auth: AuthType = 'token') => 
+    api<T>(path, { method: 'GET', auth }),
+  
+  post: <T>(path: string, body?: unknown, auth: AuthType = 'token') => 
+    api<T>(path, { method: 'POST', body, auth }),
+  
+  put: <T>(path: string, body?: unknown, auth: AuthType = 'token') => 
+    api<T>(path, { method: 'PUT', body, auth }),
+  
+  patch: <T>(path: string, body?: unknown, auth: AuthType = 'token') => 
+    api<T>(path, { method: 'PATCH', body, auth }),
+  
+  delete: <T>(path: string, auth: AuthType = 'token') => 
+    api<T>(path, { method: 'DELETE', auth }),
+};
+
+export const publicHttp = {
+  get: <T>(path: string) => http.get<T>(path, 'none'),
+  post: <T>(path: string, body?: unknown) => http.post<T>(path, body, 'none'),
+  put: <T>(path: string, body?: unknown) => http.put<T>(path, body, 'none'),
+  patch: <T>(path: string, body?: unknown) => http.patch<T>(path, body, 'none'),
+  delete: <T>(path: string) => http.delete<T>(path, 'none'),
+};
diff --git a/front/src/lib/api/community.ts b/front/src/lib/api/community.ts
@@ -0,0 +1 @@
+// community 도메인 API
diff --git a/front/src/lib/api/evalution.ts b/front/src/lib/api/evalution.ts
@@ -0,0 +1 @@
+// evalution 도메인 API
diff --git a/front/src/lib/api/repository.ts b/front/src/lib/api/repository.ts
@@ -0,0 +1 @@
+// repository 도메인 API
diff --git a/front/src/lib/errors/custom-errors.ts b/front/src/lib/errors/custom-errors.ts
@@ -0,0 +1,55 @@
+import { ERROR_CODES, ERROR_MESSAGES } from '@/types/api';
+
+export class ApiError extends Error {
+  constructor(
+    public code: string,
+    public message: string,
+    public status: number,
+    public data?: any
+  ) {
+    super(message);
+    this.name = 'ApiError';
+  }
+
+  // 🔥 에러 코드로부터 메시지 자동 생성
+  static fromCode(code: string, status: number, data?: any): ApiError {
+    const message = ERROR_MESSAGES[code] || '알 수 없는 오류가 발생했습니다.';
+    return new ApiError(code, message, status, data);
+  }
+}
+
+export class ValidationError extends ApiError {
+  constructor(message: string, field?: string) {
+    super(ERROR_CODES.VALIDATION_FAILED, message, 400, { field });
+    this.name = 'ValidationError';
+  }
+}
+
+export class NetworkError extends ApiError {
+  constructor(message: string = ERROR_MESSAGES[ERROR_CODES.NETWORK_ERROR]) {
+    super(ERROR_CODES.NETWORK_ERROR, message, 0);
+    this.name = 'NetworkError';
+  }
+}
+
+export class GitHubApiError extends ApiError {
+  constructor(code: string, message: string, status: number) {
+    super(code, message, status);
+    this.name = 'GitHubApiError';
+  }
+}
+
+// 🔥 인증 관련 에러들
+export class UnauthorizedError extends ApiError {
+  constructor(message: string = ERROR_MESSAGES[ERROR_CODES.UNAUTHORIZED]) {
+    super(ERROR_CODES.UNAUTHORIZED, message, 401);
+    this.name = 'UnauthorizedError';
+  }
+}
+
+export class ForbiddenError extends ApiError {
+  constructor(message: string = ERROR_MESSAGES[ERROR_CODES.FORBIDDEN]) {
+    super(ERROR_CODES.FORBIDDEN, message, 403);
+    this.name = 'ForbiddenError';
+  }
+}
diff --git a/front/src/lib/errors/error-handler.ts b/front/src/lib/errors/error-handler.ts
@@ -1,63 +1,60 @@
 // lib/errors/error-handler.ts
 import { 
-  ApiError, 
-  NetworkError, 
-  ValidationError,
-  UnauthorizedError,
-  ForbiddenError 
-} from './custom-errors';
-import { ERROR_CODES, type ErrorResponse } from '@/types/api';
-
-export class ErrorHandler {
-  static handle(error: unknown): ApiError {
-    // 이미 우리가 만든 커스텀 에러인 경우
-    if (error instanceof ApiError) {
-      return error;
-    }
-    
-    // Fetch API 에러 처리
-    if (error instanceof Response) {
-      return this.handleFetchError(error);
-    }
-    
-    // 네트워크 에러
-    if (error instanceof TypeError && error.message.includes('fetch')) {
-      return new NetworkError();
-    }
-    
-    // 알 수 없는 에러
-    return ApiError.fromCode(ERROR_CODES.INTERNAL_ERROR, 500);
-  }
+    ApiError, 
+    NetworkError, 
+    ValidationError,
+    UnauthorizedError,
+    ForbiddenError 
+  } from './custom-errors';
+  import { ERROR_CODES, type ErrorResponse } from '@/types/api';
   
-  private static async handleFetchError(response: Response): Promise<ApiError> {
-    let errorData: ErrorResponse | null = null;
-    
-    try {
-      const text = await response.text();
-      errorData = text ? JSON.parse(text) : null;
-    } catch {
-      // JSON 파싱 실패 시 무시
+  export class ErrorHandler {
+    static handle(error: unknown): ApiError {
+      // 이미 우리가 만든 커스텀 에러인 경우
+      if (error instanceof ApiError) {
+        return error;
+      }
+      
+      // 네트워크 에러
+      if (error instanceof TypeError && error.message.includes('fetch')) {
+        return new NetworkError();
+      }
+      
+      // 알 수 없는 에러
+      return ApiError.fromCode(ERROR_CODES.INTERNAL_ERROR, 500);
     }
     
-    // 백엔드에서 보낸 구조화된 에러 응답 처리
-    if (errorData?.code) {
-      return ApiError.fromCode(errorData.code, response.status, errorData.data);
+    static handleFetchError(response: Response, errorData?: ErrorResponse): ApiError {
+      // 백엔드에서 보낸 구조화된 에러 응답 처리
+      if (errorData?.code) {
+        return ApiError.fromCode(errorData.code, response.status, errorData.data);
+      }
+      
+      // HTTP 상태코드 기반 처리
+      switch (response.status) {
+        case 400:
+          return new ValidationError('잘못된 요청입니다.');
+        case 401:
+          return new UnauthorizedError();
+        case 403:
+          return new ForbiddenError();
+        case 404:
+          return ApiError.fromCode(ERROR_CODES.ANALYSIS_NOT_FOUND, 404);
+        case 429:
+          return ApiError.fromCode(ERROR_CODES.GITHUB_RATE_LIMIT_EXCEEDED, 429);
+        default:
+          return ApiError.fromCode(ERROR_CODES.INTERNAL_ERROR, response.status);
+      }
     }
     
-    // HTTP 상태코드 기반 처리
-    switch (response.status) {
-      case 400:
-        return new ValidationError('잘못된 요청입니다.');
-      case 401:
-        return new UnauthorizedError();
-      case 403:
-        return new ForbiddenError();
-      case 404:
-        return ApiError.fromCode(ERROR_CODES.ANALYSIS_NOT_FOUND, 404);
-      case 429:
-        return ApiError.fromCode(ERROR_CODES.GITHUB_RATE_LIMIT_EXCEEDED, 429);
-      default:
-        return ApiError.fromCode(ERROR_CODES.INTERNAL_ERROR, response.status);
+    // 에러 로깅 메서드 추가
+    static logError(error: ApiError, context?: string): void {
+      console.error(`[${context || 'API_ERROR'}]`, {
+        code: error.code,
+        message: error.message,
+        status: error.status,
+        data: error.data,
+        stack: error.stack,
+      });
     }
-  }
-}
+  }
diff --git a/front/src/lib/utils/validation.ts b/front/src/lib/utils/validation.ts
diff --git a/front/src/types/analysis.ts b/front/src/types/analysis.ts
diff --git a/front/src/types/api.ts b/front/src/types/api.ts
diff --git a/front/src/types/auth.ts b/front/src/types/auth.ts
diff --git a/front/src/types/common.ts b/front/src/types/common.ts
diff --git a/front/src/types/community.ts b/front/src/types/community.ts
diff --git a/front/src/types/evalution.ts b/front/src/types/evalution.ts
diff --git a/front/src/types/repository.ts b/front/src/types/repository.ts

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+// 회원가입 이메일 인증 페이지`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+// 사용자 분석 히스토리 페이지`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+// 커뮤니티 사용자 분석 결과 상세 페이지, 댓글 기능 있어야 하는 곳`