refactor: 타입 마이그레이션 (#122)

src/api/dto/comments.dto.ts

@@ -47,15 +47,15 @@ export interface CreateCommentResponseDto {
  * 댓글 작성자 정보
  */
 export interface CommentUserDto {
-  id: string;
+  userId: string;
   nickName: string;
 }
 
 /**
  * 사용자 정보 포함 댓글
  */
 export interface CommentWithUserDto {
-  id: string;
+  commentId: string;
   content: string;
   user: CommentUserDto;
   createdAt: string;
@@ -79,7 +79,7 @@ export interface GetSlideCommentsResponseDto {
  * 댓글 생성/수정 응답
  */
 export interface CommentResponseDto {
-  id: string;
+  commentId: string;
   content: string;
   parentId?: string;
   userId: string;
@@ -94,7 +94,7 @@ export type GetReplyListResponseDto = CommentResponseDto[];
  * 댓글 수정
  */
 export interface UpdateCommentResponseDto {
-  id: string;
+  commentId: string;
   content: string;
   userId: string;
   createdAt: string;

src/api/dto/index.ts

@@ -20,13 +20,19 @@ export type {
   GetScriptVersionHistoryResponseDto,
   RestoreScriptResponseDto,
 } from './scripts.dto';
-export type { ToggleSlideReactionDto } from './reactions.dto';
+export type {
+  ReadReactionCountDto,
+  ToggleSlideReactionDto,
+  ToggleSlideReactionResponseDto,
+  ToggleVideoReactionDto,
+  ToggleVideoReactionResponseDto,
+} from './reactions.dto';
 export type { RestoreScriptRequestDto } from './analytics.dto';
 export type { UpdateProjectDto } from './presentations.dto';
 // export type { UploadFileResponseDto } from './files.dto';
 export type {
   ChunkUploadResponseDto,
-  CreateOpinionDto,
+  CreateCommentDto,
   FinishVideoRequestDto,
   FinishVideoResponseDto,
   StartVideoRequestDto,

src/api/dto/reactions.dto.ts

@@ -4,34 +4,44 @@ import type { ReactionType } from '@/types/script';
  * 슬라이드 리액션 토글 요청 DTO
  */
 export interface ToggleSlideReactionDto {
-  type: ReactionType;
+  emojiType: ReactionType;
+}
+
+/**
+ * 슬라이드 리액션 토글 응답 DTO
+ */
+export interface ToggleSlideReactionResponseDto {
+  active: boolean;
+}
+
+/**
+ * 영상 리액션 토글 요청 DTO
+ */
+export interface ToggleVideoReactionDto {
+  emojiType: ReactionType;
+  timestampMs: number;
+}
+
+/**
+ * 영상 리액션 토글 응답 DTO
+ */
+export interface ToggleVideoReactionResponseDto {
+  active: boolean;
 }
 
 /**
  * 특정 슬라이드에 달린 모든 이모지 리액션을 집계하여 반환 Dto
  */
 export interface ReadReactionCountDto {
   slideId: string;
-  reactions: {
-    fire: number;
-    good: number;
-    bad: number;
-    sleepy: number;
-    confused: number;
-  };
+  reactions: Record<ReactionType, number>;
 }
 
 /**
  * 프로젝트 전체 슬라이드 리액션 집계 조회 Dto
  */
 export interface ReadReactionSummaryDto {
   projectId: string;
-  totalReactions: {
-    fire: number;
-    good: number;
-    bad: number;
-    sleepy: number;
-    confused: number;
-  };
+  totalReactions: Record<ReactionType, number>;
   totalCount: number;
 }

src/api/dto/video.dto.ts

@@ -1,9 +1,9 @@
 /**
  * 영상 타임스탬프 댓글 생성
  */
-export interface CreateOpinionDto {
+export interface CreateCommentDto {
   content: string;
-  /** 답글인 경우 부모 의견 내용 고쳐라이D */
+  /** 답글인 경우 부모 댓글 ID */
   parentId?: string;
 }
 

src/api/endpoints/analytics.ts

@@ -2,7 +2,7 @@
  * @file analytics.ts
  * @description 인사이트 페이지 관련 API 엔드포인트
  */
-import { apiClient } from '@/api';
+import { apiClient } from '@/api/client';
 import type {
   ReadProjectAnalyticsSummaryDto,
   ReadRecentCommentListResponseDto,

src/api/endpoints/auth.ts

@@ -2,7 +2,7 @@
  * @file auth.ts
  * @description 인증 관련 API 엔드포인트
  */
-import { apiClient } from '@/api';
+import { apiClient } from '@/api/client';
 import type { SocialLoginSuccessResponseDto } from '@/api/dto';
 import type { ApiResponse } from '@/types/api';
 

src/api/endpoints/comments.ts

@@ -2,7 +2,7 @@
  * @file comments.ts
  * @description 댓글 관련 API 엔드포인트
  */
-import { apiClient } from '@/api';
+import { apiClient } from '@/api/client';
 import type {
   CommentResponseDto,
   GetReplyListResponseDto,

src/api/endpoints/presentations.ts

@@ -5,12 +5,10 @@
  * 서버와 통신하는 함수들을 정의합니다.
  * 이 함수들은 직접 호출하지 않고, hooks/queries에서 사용합니다.
  */
-import { apiClient } from '@/api';
+import { apiClient } from '@/api/client';
 import type { UpdateProjectDto } from '@/api/dto';
 import type { ApiResponse, ConversionStatusResponse } from '@/types/api';
 import type {
-  CreatePresentationRequest,
-  CreatePresentationSuccess,
   Presentation,
   PresentationListResponse,
   ProjectUpdateResponse,
@@ -67,26 +65,6 @@ export async function updatePresentation(
   throw new Error(response.data.error.reason);
 }
 
-/**
- * 프로젝트 생성 (POST)
- *
- * @param data - 생성할 프로젝트 데이터
- * @returns CreatePresentationSuccess - 생성된 프로젝트 정보
- */
-export async function createPresentation(
-  data: CreatePresentationRequest,
-): Promise<CreatePresentationSuccess> {
-  const response = await apiClient.post<ApiResponse<CreatePresentationSuccess>>(
-    `/presentations`,
-    data,
-  );
-
-  if (response.data.resultType === 'SUCCESS') {
-    return response.data.success;
-  }
-  throw new Error(response.data.error.reason);
-}
-
 /**
  * 프로젝트 삭제 (DELETE)
  *
@@ -108,7 +86,7 @@ export async function deletePresentation(projectId: string): Promise<void> {
  */
 export async function getConversionStatus(projectId: string): Promise<ConversionStatusResponse> {
   const response = await apiClient.get<ApiResponse<ConversionStatusResponse>>(
-    `/presentations/${projectId}/conversion-status`,
+    `/presentations/${projectId}/status`,
   );
 
   if (response.data.resultType === 'SUCCESS') {

src/api/endpoints/reactions.ts

@@ -1,51 +1,68 @@
-/**
- * @file reactions.ts * @description Slide reaction APIs.
+/**
+ * @file reactions.ts
+ * @description 슬라이드 리액션 관련 API 엔드포인트
  */
-import { apiClient } from '@/api';
+import { apiClient } from '@/api/client';
 import type { ToggleSlideReactionDto } from '@/api/dto';
-import type { ReadReactionCountDto, ReadReactionSummaryDto } from '@/api/dto/reactions.dto';
-import type { ApiResponse } from '@/api/handlers';
-import type { Reaction } from '@/types/script';
+import type {
+  ReadReactionCountDto,
+  ReadReactionSummaryDto,
+  ToggleSlideReactionResponseDto,
+} from '@/api/dto/reactions.dto';
+import type { ApiResponse } from '@/types/api';
 
 /**
- * Toggle a reaction for a slide.
  * 슬라이드 리액션 토글
  *
  * @param slideId - 슬라이드 ID
  * @param data - 리액션 데이터
- * @returns 업데이트된 리액션 배열
+ * @returns { active: boolean } - 토글 후 활성 상태
  */
 export async function toggleReaction(
   slideId: string,
   data: ToggleSlideReactionDto,
-): Promise<Reaction[]> {
-  const { data: response } = await apiClient.post<ApiResponse<Reaction[]>>(
+): Promise<ToggleSlideReactionResponseDto> {
+  const { data: response } = await apiClient.post<ApiResponse<ToggleSlideReactionResponseDto>>(
     `/slides/${slideId}/reactions/toggle`,
     data,
   );
-  return response.success;
+
+  if (response.resultType === 'SUCCESS') {
+    return response.success;
+  }
+  throw new Error(response.error.reason);
 }
 
 /**
- * Get reaction summary counts for a slide.
+ * 슬라이드 리액션 집계 조회
+ *
+ * @param slideId - 슬라이드 ID
+ * @returns Record<ReactionType, number> - 이모지별 카운트
  */
 export async function getSlideReactionSummary(slideId: string) {
   const { data } = await apiClient.get<ApiResponse<ReadReactionCountDto>>(
     `/slides/${slideId}/reactions/summary`,
   );
 
-  // ⚠️ 핵심: success 안에 있는 reactions 객체만 리턴! (없으면 빈 객체)
-  return data.success?.reactions ?? {};
+  if (data.resultType === 'SUCCESS') {
+    return data.success.reactions;
+  }
+  throw new Error(data.error.reason);
 }
 
-// 슬라이드 이모지 피드백 분포 - 인사이트 페이지
+/**
+ * 프로젝트 전체 슬라이드 리액션 집계 조회
+ *
+ * @param projectId - 프로젝트 ID
+ * @returns ReactionSummaryDto - 이모지별 총 카운트
+ */
 export async function getTotalReactions(projectId: string): Promise<ReadReactionSummaryDto> {
-  const response = await apiClient.get<ApiResponse<ReadReactionSummaryDto>>(
+  const { data } = await apiClient.get<ApiResponse<ReadReactionSummaryDto>>(
     `/presentations/${projectId}/slides/reactions/summary`,
   );
-  // 데이터가 없으면 에러 발생 (null 반환 방지)
-  if (!response.data.success) {
-    throw new Error('슬라이드 이모지 피드백 분포를 불러올 수 없습니다.');
+
+  if (data.resultType === 'SUCCESS') {
+    return data.success;
   }
-  return response.data.success;
+  throw new Error(data.error.reason);
 }

src/api/endpoints/scripts.ts

@@ -2,7 +2,7 @@
  * @file scripts.ts
  * @description 대본 관련 API 엔드포인트
  */
-import { apiClient } from '@/api';
+import { apiClient } from '@/api/client';
 import type {
   GetScriptResponseDto,
   GetScriptVersionHistoryResponseDto,

src/api/endpoints/slides.ts

@@ -5,7 +5,7 @@
  * 서버와 통신하는 함수들을 정의합니다.
  * 이 함수들은 직접 호출하지 않고, hooks/queries에서 사용합니다.
  */
-import { apiClient } from '@/api';
+import { apiClient } from '@/api/client';
 import type {
   GetSlideResponseDto,
   UpdateSlideResponseDto,
@@ -72,38 +72,3 @@ export async function updateSlide(
   }
   throw new Error(response.data.error.reason);
 }
-
-/**
- * 슬라이드 생성
- *
- * @param projectId - 프로젝트 ID
- * @param data - 생성할 슬라이드 데이터
- * @returns 생성된 슬라이드
- */
-export async function createSlide(
-  projectId: string,
-  data: { title: string; script?: string },
-): Promise<GetSlideResponseDto> {
-  const response = await apiClient.post<ApiResponse<GetSlideResponseDto>>(
-    `/presentations/${projectId}/slides`,
-    data,
-  );
-
-  if (response.data.resultType === 'SUCCESS') {
-    return response.data.success;
-  }
-  throw new Error(response.data.error.reason);
-}
-
-/**
- * 슬라이드 삭제
- *
- * @param slideId - 삭제할 슬라이드 ID
- */
-export async function deleteSlide(slideId: string): Promise<void> {
-  const response = await apiClient.delete<ApiResponse<null>>(`/presentations/slides/${slideId}`);
-
-  if (response.data.resultType === 'FAILURE') {
-    throw new Error(response.data.error.reason);
-  }
-}