fix : api가 하드코딩된 시간만 보내고 있던 문제 해결

Author: jpark0506

app/page.tsx

@@ -10,9 +10,9 @@ export default function LandingPage() {
 				<div className="container mx-auto px-4 py-4 flex justify-between items-center">
 					<div className="flex items-center space-x-2">
 						<div className="w-8 h-8 rounded-full bg-[#8FD694] flex items-center justify-center">
-							<span className="text-white font-bold">Injob</span>
+							<span className="text-white font-bold">In</span>
 						</div>
-						<span className="font-bold text-xl">Injob</span>
+						<span className="font-bold text-xl">job</span>
 					</div>
 					<div className="flex items-center space-x-4">
 						<Link

app/workspace/interviews/group/community/page.tsx

@@ -18,6 +18,7 @@ import { HeaderWithNotifications } from '@/components/header-with-notifications'
 import { CommunityLayout } from '@/components/community-layout'
 import { getGroupInterviewCards } from '@/apis/interview'
 import { useQuery } from '@tanstack/react-query'
+import LoadingSpinner from '@/components/loading'
 
 export default function InterviewCommunityPage() {
 	const { data, isLoading, error } = useQuery({
@@ -175,7 +176,7 @@ export default function InterviewCommunityPage() {
 					<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-4">
 						{isLoading ? (
 							<div className="col-span-full py-12 text-center text-gray-500">
-								로딩 중...
+								<LoadingSpinner />
 							</div>
 						) : error ? (
 							<div className="col-span-full py-12 text-center text-red-500">

app/workspace/interviews/group/waiting/[id]/page.tsx

@@ -42,6 +42,7 @@ export default function InterviewWaitingRoomPage({
 	const [progressValue, setProgressValue] = useState(0)
 	const timerRef = useRef<NodeJS.Timeout | null>(null)
 	const router = useRouter()
+	const [formattedStart, setFormattedStart] = useState('-')
 
 	const { data: interview } = useQuery({
 		queryKey: ['interview', interviewId],
@@ -54,13 +55,6 @@ export default function InterviewWaitingRoomPage({
 		interview?.groupInterviewParticipants?.find(p => p.host)?.memberId ===
 		memberId
 
-	// 인터뷰 시간으로 이미 종료된 면접인지, 아닌지 판단하기
-	if (interview?.startedAt && new Date(interview.startedAt) < new Date()) {
-		alert('이미 시작된 면접이거나, 종료된 면접입니다.')
-		router.replace('/workspace/interviews')
-		return
-	}
-
 	useEffect(() => {
 		if (socketError) {
 			alert(socketError)
@@ -76,7 +70,6 @@ export default function InterviewWaitingRoomPage({
 		}
 	}, [socketError])
 
-	// Calculate countdown to interview start
 	useEffect(() => {
 		if (!interview?.startedAt) return
 
@@ -90,17 +83,16 @@ export default function InterviewWaitingRoomPage({
 				// Time to start the interview
 				if (timerRef.current) {
 					clearInterval(timerRef.current)
+					alert('참가 시간이 지났어요.')
+					router.replace('/workspace/interviews')
+					return null
 				}
-				startInterview()
 				return
 			}
 
 			const minutes = Math.floor(difference / (1000 * 60))
 			const seconds = Math.floor((difference % (1000 * 60)) / 1000)
 			setCountdown({ minutes, seconds })
-
-			// Calculate progress for the progress bar (inverse)
-			// Assuming the waiting room opens 10 minutes before the interview
 			const totalWaitTime = 10 * 60 * 1000 // 10 minutes in milliseconds
 			const elapsed = totalWaitTime - difference
 			const progressPercentage = Math.min(
@@ -120,20 +112,27 @@ export default function InterviewWaitingRoomPage({
 		}
 	}, [interview?.startedAt]) // 빈 의존성 배열 사용 (컴포넌트 마운트 시 한 번만 실행)
 
+	useEffect(() => {
+		if (interview?.startedAt) {
+			setFormattedStart(new Date(interview.startedAt).toLocaleString('ko-KR'))
+		}
+	}, [interview?.startedAt])
+
 	// 면접 시작 함수 수정
 	const startInterview = useCallback(() => {
 		// 참가자가 없으면 시작 불가
 		if (participants?.length === 0) {
-			alert('참가자가 없어 면접을 시작할 수 없습니다.')
-			return
+			alert('참가자가 없어요.')
+			router.replace('/workspace/interviews')
+			return null
 		}
 
 		setIsStarting(true)
 
 		// Show transition screen for 3 seconds
 		setTimeout(() => {
 			// Redirect to the interview session
-			window.location.href = '/workspace/interview/group/session'
+			router.replace('/workspace/interviews/group/session')
 		}, 3000)
 	}, [participants?.length])
 
@@ -152,11 +151,6 @@ export default function InterviewWaitingRoomPage({
 		}
 	}
 
-	// Format time for display
-	function formatTime(minutes: number, seconds: number) {
-		return `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`
-	}
-
 	// If the interview is starting, show transition screen
 	if (isStarting) {
 		return (
@@ -234,10 +228,7 @@ export default function InterviewWaitingRoomPage({
 								</div>
 								<div className="flex items-center gap-1 text-gray-400 mb-4">
 									<Clock className="h-3 w-3 mr-1" />
-									시작시간:{' '}
-									{interview?.startedAt
-										? new Date(interview.startedAt).toLocaleString('ko-KR')
-										: '-'}
+									시작시간: {formattedStart}
 								</div>
 								<Progress
 									value={progressValue}

app/workspace/interviews/individual/waiting/[id]/page.tsx

@@ -34,22 +34,13 @@ export default function IndividualInterviewWaitingRoomPage({
 	const timerRef = useRef<NodeJS.Timeout | null>(null)
 	const router = useRouter()
 
-	// 임시: getGroupInterviewDetail 재사용 (실제 API 분리 필요)
 	const { data: interview } = useQuery({
 		queryKey: ['interview', interviewId],
 		queryFn: () => getGroupInterviewDetail(Number(interviewId)),
 		select: data => data.result,
 		enabled: !!interviewId,
 	})
 
-	// 이미 시작된 면접인지 체크
-	if (interview?.startedAt && new Date(interview.startedAt) < new Date()) {
-		alert('이미 시작된 면접이거나, 종료된 면접입니다.')
-		router.replace('/workspace/interviews')
-		return
-	}
-
-	// 카운트다운
 	useEffect(() => {
 		if (!interview?.startedAt) return
 		const calculateCountdown = () => {
@@ -81,13 +72,17 @@ export default function IndividualInterviewWaitingRoomPage({
 		}
 	}, [interview?.startedAt])
 
-	// 면접 시작
-	// 사용자한테 바로 시작할건지 물어보는 팝업 띄우기
+	if (interview?.startedAt && new Date(interview.startedAt) < new Date()) {
+		alert('이미 시작된 면접이거나, 종료된 면접입니다.')
+		router.replace('/workspace/interviews')
+		return null
+	}
+
 	const startInterview = () => {
 		if (confirm('면접을 바로 시작하시겠습니까?')) {
 			setIsStarting(true)
 			setTimeout(() => {
-				window.location.href = `/workspace/interviews/session/${interviewId}`
+				router.replace(`/workspace/interviews/session/${interviewId}`)
 			}, 2000)
 		}
 	}