[CCI-4] 일대다 면접 리스트 조회, 상세 조회, 면접 신청 기능 추가 및 번호로 로그인하기 기능 추가 (#3)

* [CCI-4] feat : 일대다 면접 조회 API 및 면접 세부 조회 API, 면접 신청 API 연결 완료

* [CCI-4] feat : 로그인 기능 수정, 번호를 입력하면 로그인 가능

* [CCI-4] feat : 면접 신청 일부 버그 수정

Author: jpark0506

api/interview.ts

@@ -8,6 +8,11 @@ import {
   ApiResponseMemberInterviewStatusDTO,
   endInterviewRequestDTO,
   ApiResponseInterviewEndResultDTO,
+  InterviewOptionUpdateDTO,
+  ApiResponseInterviewOptionUpdateResponseDTO,
+  ApiResponseListInterviewGroupCardDTO,
+  ApiResponseGroupInterviewDetailDTO,
+  ApiResponseInterviewStartResponseDTO,
 } from "./types/interview-types";
 
 // 면접 생성
@@ -29,6 +34,39 @@ export async function createMemberInterview(
   >(`/interviews/${interviewId}`, data);
 }
 
+// 면접 옵션 수정
+export async function updateInterviewOption(
+  interviewId: number,
+  memberId: number,
+  data: InterviewOptionUpdateDTO
+) {
+  return serverFetch.patch<
+    ApiResponseInterviewOptionUpdateResponseDTO,
+    InterviewOptionUpdateDTO
+  >(`/interviews/${interviewId}/option`, data, { memberId });
+}
+
+// 1대다 면접 모집글 리스트 조회
+export async function getGroupInterviewCards() {
+  return serverFetch.get<ApiResponseListInterviewGroupCardDTO>(
+    "/interviews/group"
+  );
+}
+
+// 1대다 면접 모집글 상세 조회
+export async function getGroupInterviewDetail(interviewId: number) {
+  return serverFetch.get<ApiResponseGroupInterviewDetailDTO>(
+    `/interviews/group/${interviewId}`
+  );
+}
+
+// 면접 시작 API
+export async function startInterview(interviewId: number) {
+  return serverFetch.get<ApiResponseInterviewStartResponseDTO>(
+    `/interviews/${interviewId}/start`
+  );
+}
+
 // 대기실 내 사용자 상태 변경
 export async function changeParticipantsStatus(
   interviewId: number,

api/types/interview-types.ts

@@ -105,3 +105,138 @@ export interface InterviewEndResultDTO {
   interviewId?: number;
   endedAt?: string;
 }
+
+export interface InterviewOptionUpdateDTO {
+  voiceType:
+    | "MALE20"
+    | "MALE30"
+    | "MALE40"
+    | "MALE50"
+    | "FEMALE20"
+    | "FEMALE30"
+    | "FEMALE40"
+    | "FEMALE50";
+  questionNumber: number;
+  answerTime: number;
+}
+
+export interface ApiResponseInterviewOptionUpdateResponseDTO {
+  isSuccess?: boolean;
+  code?: string;
+  message?: string;
+  result?: InterviewOptionUpdateResponseDTO;
+}
+
+export interface InterviewOptionUpdateResponseDTO {
+  interviewId?: number;
+  interviewOptionId?: number;
+  voiceType?:
+    | "MALE20"
+    | "MALE30"
+    | "MALE40"
+    | "MALE50"
+    | "FEMALE20"
+    | "FEMALE30"
+    | "FEMALE40"
+    | "FEMALE50";
+  questionNumber?: number;
+  answerTime?: number;
+}
+
+// 1대다(그룹) 면접 관련 타입
+export interface ApiResponseListInterviewGroupCardDTO {
+  isSuccess?: boolean;
+  code?: string;
+  message?: string;
+  result?: InterviewGroupCardDTO[];
+}
+
+export interface InterviewGroupCardDTO {
+  interviewId?: number;
+  name?: string;
+  description?: string;
+  sessionName?: string;
+  jobName?: string;
+  interviewType?: "PERSONALITY" | "TECHNICAL";
+  currentParticipants?: number;
+  maxParticipants?: number;
+  startedAt?: string;
+}
+
+export interface ApiResponseGroupInterviewDetailDTO {
+  isSuccess?: boolean;
+  code?: string;
+  message?: string;
+  result?: GroupInterviewDetailDTO;
+}
+
+export interface GroupInterviewDetailDTO {
+  interviewId?: number;
+  name?: string;
+  description?: string;
+  sessionName?: string;
+  jobName?: string;
+  interviewType?: "PERSONALITY" | "TECHNICAL";
+  maxParticipants?: number;
+  currentParticipants?: number;
+  startedAt?: string;
+  hostName?: string;
+  groupInterviewParticipants?: GroupInterviewParticipantDTO[];
+}
+
+export interface GroupInterviewParticipantDTO {
+  memberId?: number;
+  name?: string;
+  submitted?: boolean;
+  host?: boolean;
+}
+
+// 면접 시작 관련 타입
+export interface ApiResponseInterviewStartResponseDTO {
+  isSuccess?: boolean;
+  code?: string;
+  message?: string;
+  result?: InterviewStartResponseDTO;
+}
+
+export interface InterviewStartResponseDTO {
+  interviewId?: number;
+  interview?: InterviewDTO;
+  options?: InterviewOptionDTO;
+  participants?: ParticipantDTO[];
+}
+
+export interface InterviewDTO {
+  interviewId?: number;
+  corporateName?: string;
+  jobName?: string;
+  startType?: "NOW" | "SCHEDULED";
+  participantCount?: number;
+}
+
+export interface InterviewOptionDTO {
+  interviewFormat?: "INDIVIDUAL" | "GROUP";
+  interviewType?: "PERSONALITY" | "TECHNICAL";
+  voiceType?:
+    | "MALE20"
+    | "MALE30"
+    | "MALE40"
+    | "MALE50"
+    | "FEMALE20"
+    | "FEMALE30"
+    | "FEMALE40"
+    | "FEMALE50";
+  questionNumber?: number;
+  answerTime?: number;
+}
+
+export interface ParticipantDTO {
+  memberInterviewId?: number;
+  resumeDTO?: ResumeSimpleDTO;
+  coverLetterDTO?: any; // CoverletterDetailDTO 등 실제 타입에 맞게 수정 필요
+}
+
+export interface ResumeSimpleDTO {
+  resumeId?: number;
+  fileUrl?: string;
+}

app/login/page.tsx

@@ -41,7 +41,17 @@ export default function LoginPage() {
                 </div>
               </div>
 
-              <Button variant="outline" className="w-full" onClick={() => { login(1); window.location.href = "/workspace" }}>
+              <Button variant="outline" className="w-full" onClick={() => {
+                const input = window.prompt('로그인할 멤버 ID를 입력하세요')
+                if (!input) return
+                const id = Number(input)
+                if (isNaN(id) || id <= 0) {
+                  alert('올바른 숫자 ID를 입력하세요')
+                  return
+                }
+                login(id)
+                window.location.href = "/workspace"
+              }}>
                 임시 로그인
               </Button>
             </div>