diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..9fff8df
Binary files /dev/null and b/.DS_Store differ
diff --git a/jobdri/src/app/mockApply/[mockApplyId]/(jd)/jd-input/JdInputPageClient.tsx b/jobdri/src/app/mockApply/[mockApplyId]/(jd)/jd-input/JdInputPageClient.tsx
index 10a467e..1b8e190 100644
--- a/jobdri/src/app/mockApply/[mockApplyId]/(jd)/jd-input/JdInputPageClient.tsx
+++ b/jobdri/src/app/mockApply/[mockApplyId]/(jd)/jd-input/JdInputPageClient.tsx
@@ -144,7 +144,7 @@ const JdInputPageClient = forwardRef<
 >(function JdInputPageClient({ selectedMethod, onMethodChange }, ref) {
   const { mockApplyId: id } = useParams<{ mockApplyId: string }>();
   const router = useRouter();
-  const manualJdReviewPath = `/mockApply/actual/${id}/jd-review?mode=manual`;
+  const manualJdReviewPath = `/mockApply/${id}/jd-review?mode=manual`;
   const activeRequestIdRef = useRef(0);
 
   const [isTextModalOpen, setIsTextModalOpen] = useState(false);
@@ -248,15 +248,47 @@ const JdInputPageClient = forwardRef<
 
   const moveToJdReviewWithResult = (status: JobPostingIngestStatus) => {
     const result = status.result;
-    const jobPosting = result?.generated ?? result?.extracted;
-
-    if (!jobPosting) {
-      throw new Error("추출된 공고 정보를 확인할 수 없습니다.");
+    const generated = result?.generated;
+    const extracted = result?.extracted;
+    const saved = result?.saved;
+    const classification = result?.classification;
+    const firstNonEmpty = (...values: Array<string | null | undefined>) =>
+      values.find((value) => value?.trim())?.trim() ?? "";
+    const jobPosting = {
+      companyName: firstNonEmpty(
+        generated?.companyName,
+        extracted?.companyName,
+        saved?.companyName,
+      ),
+      jobTitle: firstNonEmpty(
+        saved?.jobTitle,
+        generated?.jobTitle,
+        extracted?.jobTitle,
+        classification?.detailClassificationName,
+      ),
+      task: firstNonEmpty(generated?.task, extracted?.task, saved?.task),
+      requirements: firstNonEmpty(
+        generated?.requirements,
+        extracted?.requirements,
+        saved?.requirement,
+      ),
+      preferredQualifications: firstNonEmpty(
+        generated?.preferredQualifications,
+        extracted?.preferredQualifications,
+        saved?.preferred,
+      ),
+    };
+
+    if (!Object.values(jobPosting).some(Boolean)) {
+      throw new Error(
+        result?.message ||
+          "이미지에서 공고 정보를 추출하지 못했습니다. 더 선명한 이미지를 사용해주세요.",
+      );
     }
 
     const detailClassificationId =
-      result?.saved?.detailClassificationId ??
-      result?.classification?.detailClassificationId ??
+      saved?.detailClassificationId ??
+      classification?.detailClassificationId ??
       result?.candidates?.[0]?.detailClassificationId ??
       0;
 
@@ -267,21 +299,24 @@ const JdInputPageClient = forwardRef<
     window.sessionStorage.setItem(
       getJdReviewMetadataStorageKey(id),
       JSON.stringify({
-        companySize: result?.saved?.companySize ?? "STARTUP",
+        companySize: saved?.companySize ?? "STARTUP",
         detailClassificationId,
+        profileColor: saved?.profileColor ?? "DEFAULT",
+        postingName: firstNonEmpty(saved?.postingName, jobPosting.jobTitle),
+        jobTitle: jobPosting.jobTitle,
       }),
     );
 
-    if (result?.saved) {
+    if (saved) {
       window.sessionStorage.setItem(
         getJdReviewSavedStorageKey(id),
-        JSON.stringify(result.saved),
+        JSON.stringify(saved),
       );
     } else {
       window.sessionStorage.removeItem(getJdReviewSavedStorageKey(id));
     }
 
-    router.push(`/mockApply/actual/${id}/jd-review`);
+    router.push(`/mockApply/${id}/jd-review`);
   };
 
   const processJobPosting = async ({
diff --git a/jobdri/src/app/mockApply/[mockApplyId]/(jd)/jd-input/page.tsx b/jobdri/src/app/mockApply/[mockApplyId]/(jd)/jd-input/page.tsx
index 44dfb53..4c6dcc7 100644
--- a/jobdri/src/app/mockApply/[mockApplyId]/(jd)/jd-input/page.tsx
+++ b/jobdri/src/app/mockApply/[mockApplyId]/(jd)/jd-input/page.tsx
@@ -24,7 +24,7 @@ export default function MockApplicationJdInputPage() {
         onMethodChange={setSelectedMethod}
       />
       <Footer
-        backAction={{ onClick: () => router.push("/mockApply") }}
+        backAction={{ onClick: () => router.push("/") }}
         ctaAction={{
           label: "선택하기",
           disabled: selectedMethod === null,
diff --git a/jobdri/src/app/mockApply/[mockApplyId]/(jd)/jd-review/page.tsx b/jobdri/src/app/mockApply/[mockApplyId]/(jd)/jd-review/page.tsx
index 0428fb4..fbb3eb6 100644
--- a/jobdri/src/app/mockApply/[mockApplyId]/(jd)/jd-review/page.tsx
+++ b/jobdri/src/app/mockApply/[mockApplyId]/(jd)/jd-review/page.tsx
@@ -74,6 +74,7 @@ function createSavePayload(
   metadata?: JdReviewMetadata,
 ): JobPostingSavePayload {
   const companyName = getSectionValue(sections, "company");
+  const jobTitle = getSectionValue(sections, "job");
   const detailClassificationId = metadata?.detailClassificationId;
 
   if (!companyName) {
@@ -86,9 +87,16 @@ function createSavePayload(
     );
   }
 
+  if (!jobTitle) {
+    throw new Error("직무명을 입력해주세요.");
+  }
+
   return {
+    profileColor: metadata?.profileColor ?? "DEFAULT",
+    postingName: metadata?.postingName?.trim() || jobTitle,
     companyName,
     companySize: metadata?.companySize?.trim() || "STARTUP",
+    jobTitle,
     detailClassificationId,
     task: getSectionValue(sections, "main-task"),
     requirement: getSectionValue(sections, "qualification"),
@@ -164,6 +172,9 @@ function saveJdReviewSessionData({
     JSON.stringify({
       companySize: savedJobPosting.companySize,
       detailClassificationId: savedJobPosting.detailClassificationId,
+      profileColor: savedJobPosting.profileColor,
+      postingName: savedJobPosting.postingName,
+      jobTitle: savedJobPosting.jobTitle,
     }),
   );
 }
@@ -200,7 +211,7 @@ export default function MockApplicationJdReviewPage() {
 
   const openBackConfirm = () => setShowBackConfirm(true);
   const closeBackConfirm = () => setShowBackConfirm(false);
-  const goToJdInput = () => router.replace(`/mockApply/actual/${id}/jd-input`);
+  const goToJdInput = () => router.replace(`/mockApply/${id}/jd-input`);
   const closeSaveError = () => setSaveErrorMessage("");
 
   const handleConfirm = async () => {
@@ -250,7 +261,7 @@ export default function MockApplicationJdReviewPage() {
     setIsSaving(true);
 
     try {
-      const createNextApplyId = async () => {
+      const createNextApply = async () => {
         const savedJobPosting = await createSavedJobPosting();
         const createdApply = await createApplyFromJobPosting({
           jobPostingId: savedJobPosting.jobPostingId,
@@ -275,16 +286,21 @@ export default function MockApplicationJdReviewPage() {
           savedJobPosting,
         });
 
-        return nextApplyId;
+        return {
+          jobPostingId: savedJobPosting.jobPostingId,
+          mockApplyId: nextApplyId,
+        };
       };
 
-      const [nextApplyId] = await Promise.all([
-        createNextApplyId(),
+      const [nextApply] = await Promise.all([
+        createNextApply(),
         delay(loadingDurationMs),
       ]);
 
       shouldKeepLoading = true;
-      router.push(`/mockApply/actual/${nextApplyId}/questions`);
+      router.push(
+        `/mockApply/${nextApply.mockApplyId}?jobPostingId=${nextApply.jobPostingId}`,
+      );
     } catch (error) {
       setSaveErrorMessage(
         error instanceof Error
diff --git a/jobdri/src/app/mockApply/[mockApplyId]/(jd)/page.tsx b/jobdri/src/app/mockApply/[mockApplyId]/(jd)/page.tsx
index a2c58be..12cdfda 100644
--- a/jobdri/src/app/mockApply/[mockApplyId]/(jd)/page.tsx
+++ b/jobdri/src/app/mockApply/[mockApplyId]/(jd)/page.tsx
@@ -17,7 +17,7 @@ export default function JdPage({ params }: JdPageProps) {
       <main className="max-w-[1116px] mx-auto">{/* JD 입력 UI */}</main>
       <Footer
         ctaLabel="다음"
-        backAction={{ href: "/mockApply" }}
+        backAction={{ href: "/" }}
         ctaAction={{ href: `/mockApply/${mockApplyId}` }}
       />
     </>
diff --git a/jobdri/src/app/mockApply/[mockApplyId]/page.tsx b/jobdri/src/app/mockApply/[mockApplyId]/page.tsx
index b00fb2b..d559ef9 100644
--- a/jobdri/src/app/mockApply/[mockApplyId]/page.tsx
+++ b/jobdri/src/app/mockApply/[mockApplyId]/page.tsx
@@ -1,7 +1,6 @@
 "use client";
 import { useState, useEffect, use } from "react";
 import { useRouter, useSearchParams } from "next/navigation";
-import Header from "@/components/common/header/Header";
 import { QuestionList } from "@/components/mockApply/Question/QuestionList";
 import JDSidePanel from "@/components/mockApply/Question/SidePanel";
 import SideHeaderContainer from "@/components/common/header/SideHeaderContainer";
@@ -9,17 +8,23 @@ import WritingForm from "@/components/mockApply/Question/WritingForm";
 import clsx from "clsx";
 import { scrollbarClassS } from "@/components/common/scrollbar/scrollbarStyles";
 import {
+  fetchQuestions,
   fetchSelectedQuestions,
   saveQuestions,
   saveApply,
   type QuestionItem,
 } from "@/lib/api/questions";
 import { ModalCard } from "@/components/common/modal/ModalCard";
-import { Toast, type ToastVariant } from "@/components/common/toast";
-import { CtaFooter } from "@/components/common/cta";
-import { fetchCreditBalance } from "@/lib/api/credit";
-import { requestAnalysis } from "@/lib/api/analysis";
+import { Toast } from "@/components/common/toast";
+import {
+  CreditInsufficientError,
+  fetchSequence,
+  requestAnalysis,
+} from "@/lib/api/result";
 import MockApplyTemplate from "@/components/common/MockApplyTemplate";
+import { fetchMyJobPosting } from "@/lib/api/jobPostings";
+import type { JDData } from "@/components/mockApply/Question/SidePanel";
+import { saveJobPostingAnalysis } from "@/app/mockApply/job/jobPostingDraftStore";
 
 const ModalOverlay = ({ children }: { children: React.ReactNode }) => (
   <div className="fixed inset-0 z-[100] flex items-center justify-center bg-black/50">
@@ -34,9 +39,22 @@ export default function MockApplyPage({
 }) {
   const { mockApplyId } = use(params);
   const router = useRouter();
+  const searchParams = useSearchParams();
+  const requestedJobPostingId = Number(searchParams.get("jobPostingId"));
+  const hasRequestedJobPostingId =
+    Number.isInteger(requestedJobPostingId) && requestedJobPostingId > 0;
 
   const [isPanelOpen, setIsPanelOpen] = useState(false);
   const [questions, setQuestions] = useState<QuestionItem[]>([]);
+  const [isQuestionsLoading, setIsQuestionsLoading] = useState(true);
+  const [questionsErrorMessage, setQuestionsErrorMessage] = useState("");
+  const [jdData, setJdData] = useState<JDData | null>(null);
+  const [sequenceJobPostingId, setSequenceJobPostingId] = useState<
+    number | null
+  >(null);
+  const jobPostingId = hasRequestedJobPostingId
+    ? requestedJobPostingId
+    : sequenceJobPostingId;
   const [selectedId, setSelectedId] = useState<string | null>(null);
   const [lastSavedTime, setLastSavedTime] = useState<string>("저장 전");
 
@@ -53,8 +71,7 @@ export default function MockApplyPage({
   const [isLeaveModalOpen, setIsLeaveModalOpen] = useState(false);
   const [isConfirmModalOpen, setIsConfirmModalOpen] = useState(false);
   const [isCreditShortModalOpen, setIsCreditShortModalOpen] = useState(false);
-  const [applicationLabel, setApplicationLabel] = useState<string>("");
-
+  const [isSubmitting, setIsSubmitting] = useState(false);
   // 데이터 포맷팅 함수
   const getSubmitPayload = (questionsData: QuestionItem[]) => {
     return questionsData.map((q) => ({
@@ -67,18 +84,162 @@ export default function MockApplyPage({
 
   // 초기 데이터 불러오기
   useEffect(() => {
+    let ignore = false;
+
     const loadQuestions = async () => {
       try {
-        const data = await fetchSelectedQuestions(Number(mockApplyId));
+        setIsQuestionsLoading(true);
+        setQuestionsErrorMessage("");
+
+        const [selectedResult, candidatesResult] = await Promise.allSettled([
+          fetchSelectedQuestions(Number(mockApplyId)),
+          fetchQuestions(Number(mockApplyId)),
+        ]);
+        let data =
+          selectedResult.status === "fulfilled" ? selectedResult.value : [];
+
+        if (data.length === 0) {
+          if (candidatesResult.status === "rejected") {
+            throw candidatesResult.reason;
+          }
+
+          const candidates = candidatesResult.value;
+          const preselectedCandidates = candidates.filter(
+            (question) => question.selected,
+          );
+          const initialQuestions = (
+            preselectedCandidates.length > 0
+              ? preselectedCandidates
+              : candidates
+          ).slice(0, 5);
+
+          if (initialQuestions.length > 0) {
+            await saveQuestions(Number(mockApplyId), initialQuestions);
+            const savedQuestions = await fetchSelectedQuestions(
+              Number(mockApplyId),
+            ).catch(() => []);
+            data = savedQuestions.length > 0
+              ? savedQuestions
+              : initialQuestions;
+          }
+        }
+
+        if (ignore) {
+          return;
+        }
+
         setQuestions(data);
-        if (data && data.length > 0) setSelectedId(data[0].id);
+        setSelectedId(data[0]?.id ?? null);
+
+        if (data.length === 0) {
+          setQuestionsErrorMessage(
+            "공고에 맞는 자소서 문항을 불러오지 못했습니다.",
+          );
+        }
       } catch (error) {
+        if (ignore) {
+          return;
+        }
+
         console.error("문항을 불러오지 못했습니다.", error);
+        setQuestions([]);
+        setSelectedId(null);
+        setQuestionsErrorMessage(
+          error instanceof Error
+            ? error.message
+            : "자소서 문항을 불러오지 못했습니다.",
+        );
+      } finally {
+        if (!ignore) {
+          setIsQuestionsLoading(false);
+        }
       }
     };
-    loadQuestions();
+
+    void loadQuestions();
+
+    return () => {
+      ignore = true;
+    };
   }, [mockApplyId]);
 
+  useEffect(() => {
+    if (hasRequestedJobPostingId) {
+      return;
+    }
+
+    let ignore = false;
+
+    fetchSequence(Number(mockApplyId))
+      .then((sequence) => {
+        if (!ignore) {
+          setSequenceJobPostingId(sequence.jobPostingId);
+        }
+      })
+      .catch((error) => {
+        if (!ignore) {
+          console.error("연결된 채용 공고를 확인하지 못했습니다.", error);
+        }
+      });
+
+    return () => {
+      ignore = true;
+    };
+  }, [hasRequestedJobPostingId, mockApplyId]);
+
+  useEffect(() => {
+    if (!jobPostingId) {
+      return;
+    }
+
+    let ignore = false;
+
+    fetchMyJobPosting(jobPostingId)
+      .then((jobPosting) => {
+        if (ignore) {
+          return;
+        }
+
+        setJdData({
+          companyName: jobPosting.companyName,
+          profileColor: jobPosting.profileColor,
+          title:
+            jobPosting.jobTitle ||
+            jobPosting.detailClassificationName ||
+            "채용 공고",
+          sections: [
+            {
+              subtitle: "직무",
+              content:
+                jobPosting.jobTitle ||
+                jobPosting.detailClassificationName,
+            },
+            { subtitle: "주요 업무", content: jobPosting.task },
+            { subtitle: "자격요건", content: jobPosting.requirement },
+            { subtitle: "우대사항", content: jobPosting.preferred },
+          ].filter((section) => section.content.trim().length > 0),
+        });
+        saveJobPostingAnalysis({
+          savedToDatabase: true,
+          message: "저장된 채용 공고를 불러왔습니다.",
+          extracted: null,
+          candidates: [],
+          classification: null,
+          generated: null,
+          saved: jobPosting,
+        });
+      })
+      .catch((error) => {
+        if (!ignore) {
+          console.error("채용 공고를 불러오지 못했습니다.", error);
+        }
+      });
+
+    return () => {
+      ignore = true;
+    };
+  }, [jobPostingId]);
+
   // 자동 저장 타이머
   useEffect(() => {
     if (!toast.open || toast.variant !== "check") return;
@@ -125,17 +286,81 @@ export default function MockApplyPage({
   };
 
   const handleConfirm = async () => {
+    if (isSubmitting) {
+      return;
+    }
+
+    setIsSubmitting(true);
+    setIsConfirmModalOpen(false);
+
     try {
-      await saveApply(Number(mockApplyId), getSubmitPayload(questions));
-      const response = await requestAnalysis(Number(mockApplyId));
-      const taskId = response.taskId;
+      const savedApply = await saveApply(
+        Number(mockApplyId),
+        getSubmitPayload(questions),
+      );
+      const acceptedAnalysis = await requestAnalysis(Number(mockApplyId));
+      const analysisTaskId = acceptedAnalysis.taskId?.trim();
+
+      if (!analysisTaskId) {
+        throw new Error("자소서 분석 작업 번호를 확인할 수 없습니다.");
+      }
+
+      let resolvedJobPostingId = jobPostingId;
+
+      if (!resolvedJobPostingId || resolvedJobPostingId <= 0) {
+        try {
+          const sequenceResult = await fetchSequence(Number(mockApplyId));
+          resolvedJobPostingId = sequenceResult.jobPostingId;
+        } catch (error) {
+          console.warn(
+            "분석 결과에 연결할 채용 공고를 확인하지 못했습니다.",
+            error,
+          );
+        }
+      }
+
+      const loadingSearchParams = new URLSearchParams();
+      loadingSearchParams.set("taskId", analysisTaskId);
+
+      if (savedApply.sequence > 0) {
+        loadingSearchParams.set("sequence", String(savedApply.sequence));
+      }
+
+      if (resolvedJobPostingId && resolvedJobPostingId > 0) {
+        loadingSearchParams.set(
+          "jobPostingId",
+          String(resolvedJobPostingId),
+        );
+      }
+
+      const loadingQuery = loadingSearchParams.size
+        ? `?${loadingSearchParams.toString()}`
+        : "";
 
       router.push(
-        `/mockApply/${mockApplyId}/result/resume-analysis-loading?taskId=${taskId}`,
+        `/mockApply/${mockApplyId}/result/resume-analysis-loading${loadingQuery}`,
       );
     } catch (error) {
+      setIsSubmitting(false);
+
+      if (error instanceof CreditInsufficientError) {
+        setIsCreditShortModalOpen(true);
+        return;
+      }
+
       console.error("제출 실패:", error);
-      alert("채점 요청 중 오류가 발생했습니다.");
+      setToast({
+        open: true,
+        message:
+          error instanceof Error
+            ? error.message
+            : "채점 요청 중 오류가 발생했습니다.",
+        variant: "normal",
+      });
+      window.setTimeout(
+        () => setToast({ open: false, message: "", variant: "normal" }),
+        3000,
+      );
     }
   };
 
@@ -197,29 +422,6 @@ export default function MockApplyPage({
     }
   };
 
-  const handleTrySubmit = async () => {
-    try {
-      const currentCredit = await fetchCreditBalance();
-      setIsConfirmModalOpen(false);
-
-      if (currentCredit > 0) {
-        await handleConfirm();
-      } else {
-        setIsCreditShortModalOpen(true);
-      }
-    } catch (error) {
-      console.error("크레딧 조회/저장 실패:", error);
-      setToast({
-        open: true,
-        message: "오류가 발생했어요. 잠시 후 다시 시도해주세요.",
-      });
-      setTimeout(
-        () => setToast({ open: false, message: "", variant: "normal" }),
-        3000,
-      );
-    }
-  };
-
   // 현재 선택된 문항 폼 데이터
   const currentQ = questions.find((q) => q.id === selectedId);
   const mappedQuestionForForm = currentQ
@@ -229,14 +431,22 @@ export default function MockApplyPage({
         maxLength: String(currentQ.maxLength || 1000),
       }
     : null;
+  const isSubmitDisabled =
+    !mappedQuestionForForm ||
+    questions.some((question) => !(question.answer || "").trim());
 
   return (
     <MockApplyTemplate
       mockApplyId={Number(mockApplyId)}
       currentStep={4}
+      companyName={jdData?.companyName ?? ""}
+      jobTitle={jdData?.title ?? ""}
       lastSavedAt={lastSavedTime}
+      onBackClick={() => setIsLeaveModalOpen(true)}
+      onNextClick={() => setIsConfirmModalOpen(true)}
+      isNextDisabled={isSubmitDisabled || isSubmitting}
     >
-      <div className="flex flex-col h-dvh bg-bg-default overflow-hidden">
+      <div className="flex h-full flex-col overflow-hidden bg-bg-default">
         <main
           className={clsx(
             "flex-1 flex gap-6 transition-all duration-300 ease-in-out",
@@ -272,31 +482,24 @@ export default function MockApplyPage({
                   question={mappedQuestionForForm}
                   onChange={handleUpdate}
                 />
-              ) : (
+              ) : isQuestionsLoading ? (
                 <div className="flex h-full items-center justify-center text-text-neutral-assistive">
                   문항을 불러오는 중입니다...
                 </div>
+              ) : (
+                <div className="flex h-full items-center justify-center text-text-neutral-assistive">
+                  {questionsErrorMessage}
+                </div>
               )}
             </div>
           </div>
         </main>
 
-        <CtaFooter
-          backAction={{ onClick: () => setIsLeaveModalOpen(true) }}
-          nextAction={{
-            label: "채점하기",
-            onClick: () => setIsConfirmModalOpen(true),
-            disabled:
-              !mappedQuestionForForm ||
-              questions.some((q) => !(q.answer || "").trim()),
-            iconType: "SPARKLE",
-          }}
-        />
-
         <JDSidePanel
           isOpen={isPanelOpen}
           onClose={() => setIsPanelOpen(false)}
           onOpen={() => setIsPanelOpen(true)}
+          data={jdData ?? undefined}
         />
 
         {toast.open && (
@@ -328,15 +531,15 @@ export default function MockApplyPage({
         {isLeaveModalOpen && (
           <ModalOverlay>
             <ModalCard
-              title="페이지를 나가시겠어요?"
-              description="자동 저장 이후 작성된 내용은 저장되지 않아요."
-              secondaryBtn="취소"
-              primaryBtn="나가기"
-              onSecondaryClick={() => setIsLeaveModalOpen(false)}
-              onPrimaryClick={() => {
+              title="공고 확인으로 돌아갈까요?"
+              description="지금까지 작성한 내용이 모두 삭제돼요."
+              secondaryBtn="돌아가기"
+              primaryBtn="계속 작성"
+              onSecondaryClick={() => {
                 setIsLeaveModalOpen(false);
-                router.push(`/mockApply/actual/${mockApplyId}/jd-review`);
+                router.push("/mockApply/job/review");
               }}
+              onPrimaryClick={() => setIsLeaveModalOpen(false)}
             />
           </ModalOverlay>
         )}
@@ -349,7 +552,7 @@ export default function MockApplyPage({
               secondaryBtn="닫기"
               primaryBtn="지원하기"
               onSecondaryClick={() => setIsConfirmModalOpen(false)}
-              onPrimaryClick={handleTrySubmit}
+              onPrimaryClick={handleConfirm}
             />
           </ModalOverlay>
         )}
@@ -362,7 +565,7 @@ export default function MockApplyPage({
               secondaryBtn="닫기"
               primaryBtn="충전하기"
               onSecondaryClick={() => setIsCreditShortModalOpen(false)}
-              onPrimaryClick={() => setIsCreditShortModalOpen(false)}
+              onPrimaryClick={() => router.push("/credit")}
             />
           </ModalOverlay>
         )}
diff --git a/jobdri/src/app/mockApply/[mockApplyId]/result/page.tsx b/jobdri/src/app/mockApply/[mockApplyId]/result/page.tsx
index 79d1280..33e9f1e 100644
--- a/jobdri/src/app/mockApply/[mockApplyId]/result/page.tsx
+++ b/jobdri/src/app/mockApply/[mockApplyId]/result/page.tsx
@@ -1,24 +1,25 @@
 "use client";
 
-import { use, useState } from "react";
+import { use, useEffect, useState } from "react";
 import { useRouter } from "next/navigation";
 import ResumeAnalysisFeedback from "@/components/mockApply/result/ResumeAnalysisFeedback";
 import ResumeAnalysisDetail from "@/components/mockApply/result/ResumeAnalysisDetail";
 import AnalysisHeader from "@/components/mockApply/result/AnalysisHeader";
-import { formatApplicationSequenceLabel } from "@/lib/mockApply/applicationLabel";
 import { ModalNotice } from "@/components/common/modal";
 import { Toast } from "@/components/common/toast";
 import { useReApply } from "@/hooks/useReApply";
 import { getMockApplyResumeRecords } from "@/lib/api/mockApplies";
 import { useAnalysisResult } from "@/hooks/useAnalysisResult";
-import { AnalysisResultResponse } from "@/lib/api/analysis";
 import MockApplyTemplate from "@/components/common/MockApplyTemplate";
+import { fetchMyJobPosting } from "@/lib/api/jobPostings";
+import { fetchSequence } from "@/lib/api/result";
 
 interface ResultPageProps {
   params: Promise<{
     mockApplyId: string;
   }>;
   searchParams: Promise<{
+    jobPostingId?: string;
     sequence?: string;
     tab?: string;
   }>;
@@ -33,7 +34,7 @@ function parsePositiveNumber(value?: string) {
 
 export default function ResultPage({ params, searchParams }: ResultPageProps) {
   const { mockApplyId } = use(params);
-  const { sequence, tab } = use(searchParams);
+  const { jobPostingId, sequence, tab } = use(searchParams);
   const router = useRouter();
   const { reApply, isSaving } = useReApply();
   const [isRetryModalOpen, setIsRetryModalOpen] = useState(false);
@@ -41,20 +42,65 @@ export default function ResultPage({ params, searchParams }: ResultPageProps) {
     open: false,
     message: "",
   });
+  const [jobPostingHeader, setJobPostingHeader] = useState({
+    companyName: "",
+    jobTitle: "",
+  });
 
+  const parsedJobPostingId = parsePositiveNumber(jobPostingId);
   const parsedSequence = parsePositiveNumber(sequence);
   const parsedMockApplyId = parsePositiveNumber(mockApplyId);
-  const applicationLabel = formatApplicationSequenceLabel(parsedSequence);
 
   const {
     data: analysisData,
     isPending,
     isError,
-  } = useAnalysisResult(parsedMockApplyId);
+  } = useAnalysisResult(
+    parsedMockApplyId,
+    parsedJobPostingId,
+    parsedSequence,
+  );
 
   const activeTabId = tab === "score-detail" ? "score-detail" : "ai-feedback";
   const headerComponent = <AnalysisHeader activeTabId={activeTabId} />;
 
+  useEffect(() => {
+    if (!parsedMockApplyId) {
+      return;
+    }
+
+    let ignore = false;
+
+    const loadJobPostingHeader = async () => {
+      try {
+        const resolvedJobPostingId =
+          parsedJobPostingId ??
+          (await fetchSequence(parsedMockApplyId)).jobPostingId;
+        const jobPosting = await fetchMyJobPosting(resolvedJobPostingId);
+
+        if (!ignore) {
+          setJobPostingHeader({
+            companyName: jobPosting.companyName,
+            jobTitle:
+              jobPosting.jobTitle ||
+              jobPosting.detailClassificationName ||
+              "",
+          });
+        }
+      } catch (error) {
+        if (!ignore) {
+          console.error("채용 공고 정보를 불러오지 못했습니다.", error);
+        }
+      }
+    };
+
+    void loadJobPostingHeader();
+
+    return () => {
+      ignore = true;
+    };
+  }, [parsedJobPostingId, parsedMockApplyId]);
+
   const closeToast = () => setToast({ open: false, message: "" });
   const showTopToast = (message: string) => {
     setToast({ open: true, message });
@@ -72,7 +118,7 @@ export default function ResultPage({ params, searchParams }: ResultPageProps) {
     }
     try {
       await reApply(resolvedMockApplyId);
-    } catch (error) {
+    } catch {
       setIsRetryModalOpen(false);
       showTopToast("재도전을 시작하지 못했어요. 잠시 후 다시 시도해주세요.");
     }
@@ -83,6 +129,8 @@ export default function ResultPage({ params, searchParams }: ResultPageProps) {
       <MockApplyTemplate
         mockApplyId={Number(mockApplyId)}
         currentStep={6}
+        companyName={jobPostingHeader.companyName}
+        jobTitle={jobPostingHeader.jobTitle}
         onRetryClick={() => setIsRetryModalOpen(true)}
         onSaveAndExitClick={() => router.push("/")}
       >
diff --git a/jobdri/src/app/mockApply/[mockApplyId]/result/resume-analysis-loading/ResumeAnalysisLoadingPageClient.tsx b/jobdri/src/app/mockApply/[mockApplyId]/result/resume-analysis-loading/ResumeAnalysisLoadingPageClient.tsx
index d6a09df..bc5c011 100644
--- a/jobdri/src/app/mockApply/[mockApplyId]/result/resume-analysis-loading/ResumeAnalysisLoadingPageClient.tsx
+++ b/jobdri/src/app/mockApply/[mockApplyId]/result/resume-analysis-loading/ResumeAnalysisLoadingPageClient.tsx
@@ -1,32 +1,306 @@
 "use client";
 
-import { useCallback } from "react";
+import { useCallback, useEffect, useState } from "react";
 import { useRouter, useParams } from "next/navigation";
 import ResumeAnalysisLoading from "@/components/mockApply/ResumeAnalysisLoading";
+import { ModalNotice } from "@/components/common/modal";
+import {
+  AnalysisPendingError,
+  fetchAnalysisResult,
+  fetchAnalysisTaskStatus,
+  subscribeAnalysisTaskStream,
+} from "@/lib/api/result";
 
 const RESUME_ANALYSIS_LOADING_DURATION_MS = 316_000;
+const ANALYSIS_POLL_INTERVAL_MS = 2_500;
+const ANALYSIS_POLL_TIMEOUT_MS = 10 * 60 * 1000;
+const MAX_CONSECUTIVE_STATUS_ERRORS = 3;
+const INVALID_MOCK_APPLY_MESSAGE =
+  "지원 정보를 확인할 수 없어요. 홈에서 다시 시도해주세요.";
 
 interface ResumeAnalysisLoadingPageClientProps {
+  taskId?: string;
+  jobPostingId?: number;
   applicationLabel?: string;
+  initialSequence?: number;
+}
+
+function isFailedTaskStatus(status: string) {
+  const normalizedStatus = status.trim().toUpperCase();
+
+  return (
+    normalizedStatus.includes("FAIL") ||
+    normalizedStatus.includes("ERROR") ||
+    normalizedStatus.includes("CANCEL")
+  );
+}
+
+function isCompletedTaskStatus(status: string) {
+  const normalizedStatus = status.trim().toUpperCase();
+
+  return (
+    normalizedStatus.includes("COMPLETE") ||
+    normalizedStatus.includes("SUCCESS") ||
+    normalizedStatus.includes("SUCCEED") ||
+    normalizedStatus.includes("DONE")
+  );
 }
 
 export default function ResumeAnalysisLoadingPageClient({
+  taskId,
+  jobPostingId,
   applicationLabel,
+  initialSequence,
 }: ResumeAnalysisLoadingPageClientProps) {
   const router = useRouter();
   const params = useParams();
-  const mockApplyId = params.mockApplyId;
+  const mockApplyId = Number(params.mockApplyId);
+  const isValidMockApplyId =
+    Number.isInteger(mockApplyId) && mockApplyId > 0;
+  const [pollingRetryKey, setPollingRetryKey] = useState(0);
+  const [errorMessage, setErrorMessage] = useState(
+    isValidMockApplyId ? "" : INVALID_MOCK_APPLY_MESSAGE,
+  );
+
+  const moveToResult = useCallback(
+    (sequence?: number) => {
+      if (!Number.isInteger(mockApplyId) || mockApplyId <= 0) {
+        return;
+      }
+
+      const resolvedSequence = sequence ?? initialSequence;
+      const resultSearchParams = new URLSearchParams();
+
+      if (jobPostingId) {
+        resultSearchParams.set("jobPostingId", String(jobPostingId));
+      }
+
+      if (resolvedSequence) {
+        resultSearchParams.set("sequence", String(resolvedSequence));
+      }
+
+      const resultQuery = resultSearchParams.size
+        ? `?${resultSearchParams.toString()}`
+        : "";
+
+      router.replace(`/mockApply/${mockApplyId}/result${resultQuery}`);
+    },
+    [initialSequence, jobPostingId, mockApplyId, router],
+  );
+
+  const moveBackToResume = useCallback(() => {
+    const jobPostingQuery = jobPostingId
+      ? `?jobPostingId=${jobPostingId}`
+      : "";
+
+    router.replace(`/mockApply/${mockApplyId}${jobPostingQuery}`);
+  }, [jobPostingId, mockApplyId, router]);
+
+  useEffect(() => {
+    if (!isValidMockApplyId) {
+      return;
+    }
+
+    let cancelled = false;
+    let isStatusRequestInFlight = false;
+    let isFinished = false;
+    let consecutiveStatusErrors = 0;
+    const abortController = new AbortController();
 
-  const handleComplete = useCallback(() => {
-    if (!mockApplyId) return;
-    router.replace(`/mockApply/${mockApplyId}/result`);
-  }, [router, mockApplyId]);
+    const pollAnalysis = async () => {
+      if (cancelled || isFinished || isStatusRequestInFlight) {
+        return;
+      }
+
+      isStatusRequestInFlight = true;
+
+      try {
+        if (!taskId) {
+          const legacyResult = await fetchAnalysisResult(
+            mockApplyId,
+            abortController.signal,
+          );
+
+          if (!cancelled) {
+            isFinished = true;
+            abortController.abort();
+            moveToResult(legacyResult.sequence);
+          }
+          return;
+        }
+
+        const task = await fetchAnalysisTaskStatus(
+          mockApplyId,
+          taskId,
+          abortController.signal,
+        );
+        consecutiveStatusErrors = 0;
+
+        if (cancelled) {
+          return;
+        }
+
+        const resultMockApplyId = task.result?.mockApplyId ?? 0;
+        const hasMismatchedTask =
+          (Boolean(task.taskId) && task.taskId !== taskId) ||
+          (task.mockApplyId > 0 && task.mockApplyId !== mockApplyId) ||
+          (resultMockApplyId > 0 && resultMockApplyId !== mockApplyId);
+
+        if (hasMismatchedTask) {
+          isFinished = true;
+          abortController.abort();
+          setErrorMessage(
+            "요청한 지원서와 분석 작업 정보가 일치하지 않아요.",
+          );
+          return;
+        }
+
+        if (
+          task.error ||
+          task.failureReason ||
+          isFailedTaskStatus(task.status)
+        ) {
+          isFinished = true;
+          abortController.abort();
+          setErrorMessage(
+            task.failureReason ||
+              task.error ||
+              task.message ||
+              "자소서 분석에 실패했어요. 다시 시도해주세요.",
+          );
+          return;
+        }
+
+        if (task.result) {
+          isFinished = true;
+          abortController.abort();
+          moveToResult(task.result.sequence);
+          return;
+        }
+
+        if (isCompletedTaskStatus(task.status)) {
+          isFinished = true;
+          abortController.abort();
+          setErrorMessage(
+            task.message || "완료된 자소서 분석 결과를 확인할 수 없어요.",
+          );
+        }
+      } catch (error) {
+        if (cancelled || abortController.signal.aborted) {
+          return;
+        }
+
+        if (error instanceof AnalysisPendingError) {
+          consecutiveStatusErrors = 0;
+          return;
+        }
+
+        consecutiveStatusErrors += 1;
+        console.warn(
+          `분석 상태 조회에 실패했습니다. (${consecutiveStatusErrors}/${MAX_CONSECUTIVE_STATUS_ERRORS})`,
+          error,
+        );
+
+        if (
+          consecutiveStatusErrors < MAX_CONSECUTIVE_STATUS_ERRORS
+        ) {
+          return;
+        }
+
+        isFinished = true;
+        abortController.abort();
+        setErrorMessage(
+          error instanceof Error
+            ? error.message
+            : "분석 결과를 불러오지 못했어요.",
+        );
+      } finally {
+        isStatusRequestInFlight = false;
+      }
+    };
+
+    const pollTimer = window.setInterval(() => {
+      void pollAnalysis();
+    }, ANALYSIS_POLL_INTERVAL_MS);
+    const timeoutTimer = window.setTimeout(() => {
+      if (cancelled || isFinished) {
+        return;
+      }
+
+      isFinished = true;
+      abortController.abort();
+      setErrorMessage(
+        "분석 시간이 예상보다 길어지고 있어요. 잠시 후 다시 확인해주세요.",
+      );
+    }, ANALYSIS_POLL_TIMEOUT_MS);
+
+    void pollAnalysis();
+    if (taskId) {
+      void subscribeAnalysisTaskStream(mockApplyId, taskId, {
+        signal: abortController.signal,
+        onEvent: () => {
+          void pollAnalysis();
+        },
+      }).catch((error) => {
+        if (!cancelled && !abortController.signal.aborted) {
+          console.warn(
+            "실시간 분석 상태 연결이 종료되어 상태 조회를 계속합니다.",
+            error,
+          );
+        }
+      });
+    }
+
+    return () => {
+      cancelled = true;
+      abortController.abort();
+      window.clearInterval(pollTimer);
+      window.clearTimeout(timeoutTimer);
+    };
+  }, [
+    isValidMockApplyId,
+    mockApplyId,
+    moveToResult,
+    pollingRetryKey,
+    taskId,
+  ]);
+
+  const handleRetry = () => {
+    if (!isValidMockApplyId) {
+      setErrorMessage(INVALID_MOCK_APPLY_MESSAGE);
+      return;
+    }
+
+    setErrorMessage("");
+    setPollingRetryKey((current) => current + 1);
+  };
 
   return (
-    <ResumeAnalysisLoading
-      durationMs={RESUME_ANALYSIS_LOADING_DURATION_MS}
-      onComplete={handleComplete}
-      applicationLabel={applicationLabel}
-    />
+    <>
+      <ResumeAnalysisLoading
+        durationMs={RESUME_ANALYSIS_LOADING_DURATION_MS}
+        onBack={moveBackToResume}
+        applicationLabel={applicationLabel}
+      />
+
+      {errorMessage && (
+        <div className="fixed inset-0 z-[100] flex items-center justify-center bg-bg-lightbox-default">
+          <ModalNotice
+            type="confirmationModal"
+            title="분석 결과를 불러오지 못했어요"
+            description={errorMessage}
+            onClose={handleRetry}
+            secondaryAction={{
+              label: "자소서로 돌아가기",
+              onClick: moveBackToResume,
+            }}
+            primaryAction={{
+              label: "다시 확인",
+              onClick: handleRetry,
+            }}
+          />
+        </div>
+      )}
+    </>
   );
 }
diff --git a/jobdri/src/app/mockApply/[mockApplyId]/result/resume-analysis-loading/page.tsx b/jobdri/src/app/mockApply/[mockApplyId]/result/resume-analysis-loading/page.tsx
index 8a9ce34..5f0c524 100644
--- a/jobdri/src/app/mockApply/[mockApplyId]/result/resume-analysis-loading/page.tsx
+++ b/jobdri/src/app/mockApply/[mockApplyId]/result/resume-analysis-loading/page.tsx
@@ -3,6 +3,8 @@ import { formatApplicationSequenceLabel } from "@/lib/mockApply/applicationLabel
 
 interface ResumeAnalysisLoadingPageProps {
   searchParams: Promise<{
+    taskId?: string;
+    jobPostingId?: string;
     sequence?: string;
   }>;
 }
@@ -18,13 +20,16 @@ function parsePositiveNumber(value?: string) {
 export default async function ResumeAnalysisLoadingPage({
   searchParams,
 }: ResumeAnalysisLoadingPageProps) {
-  const { sequence } = await searchParams;
+  const { taskId, jobPostingId, sequence } = await searchParams;
+  const parsedJobPostingId = parsePositiveNumber(jobPostingId);
+  const parsedSequence = parsePositiveNumber(sequence);
 
   return (
     <ResumeAnalysisLoadingPageClient
-      applicationLabel={formatApplicationSequenceLabel(
-        parsePositiveNumber(sequence),
-      )}
+      taskId={taskId?.trim()}
+      jobPostingId={parsedJobPostingId}
+      initialSequence={parsedSequence}
+      applicationLabel={formatApplicationSequenceLabel(parsedSequence)}
     />
   );
 }
diff --git a/jobdri/src/app/mockApply/apply-type/ApplyTypePageClient.tsx b/jobdri/src/app/mockApply/apply-type/ApplyTypePageClient.tsx
index eea81bd..28892f3 100644
--- a/jobdri/src/app/mockApply/apply-type/ApplyTypePageClient.tsx
+++ b/jobdri/src/app/mockApply/apply-type/ApplyTypePageClient.tsx
@@ -37,7 +37,7 @@ export default function ApplyTypePageClient() {
   const handleSubmit = () => {
     if (selectedType === "real") {
       saveSelectedApplyType("ACTUAL");
-      router.push("/mockApply/actual/new/jd-input");
+      router.push("/mockApply/job/create");
       return;
     }
 
diff --git a/jobdri/src/app/mockApply/job/create/page.tsx b/jobdri/src/app/mockApply/job/create/page.tsx
index 9bc90e9..4cd70b5 100644
--- a/jobdri/src/app/mockApply/job/create/page.tsx
+++ b/jobdri/src/app/mockApply/job/create/page.tsx
@@ -90,12 +90,13 @@ export default function JobPostingCreatePage() {
 
   useEffect(() => {
     const searchParams = new URLSearchParams(window.location.search);
+    const analysisError = searchParams.get("analysisError");
     const toastMessage =
       searchParams.get("analysisCanceled") === "1"
         ? "공고 분석을 중단했습니다."
-        : searchParams.get("analysisError") === "1"
+        : analysisError === "1"
           ? "업로드에 실패했습니다."
-          : null;
+          : analysisError;
 
     if (!toastMessage) {
       return;
@@ -128,10 +129,10 @@ export default function JobPostingCreatePage() {
     event.preventDefault();
     event.stopPropagation();
 
-    const hasInputContent = jobPostingInputValue.trim().length > 0;
-    const hasAttachedFiles = attachedFiles.length > 0;
+    const hasInput =
+      jobPostingInputValue.trim().length > 0 || attachedFiles.length > 0;
 
-    if (!hasInputContent && !hasAttachedFiles) {
+    if (!hasInput) {
       clearJobPostingDraft();
       router.push("/");
       return;
diff --git a/jobdri/src/app/mockApply/job/jobPostingDraftStore.ts b/jobdri/src/app/mockApply/job/jobPostingDraftStore.ts
index 7c68037..4a930c7 100644
--- a/jobdri/src/app/mockApply/job/jobPostingDraftStore.ts
+++ b/jobdri/src/app/mockApply/job/jobPostingDraftStore.ts
@@ -1,5 +1,7 @@
 "use client";
 
+import type { JobPostingProcessedResult } from "@/lib/api/jobPostings";
+
 interface JobPostingDraft {
   files: File[];
   value: string;
@@ -10,6 +12,8 @@ let jobPostingDraft: JobPostingDraft = {
   value: "",
 };
 
+let jobPostingAnalysis: JobPostingProcessedResult | null = null;
+
 export function getJobPostingDraft() {
   return jobPostingDraft;
 }
@@ -19,11 +23,25 @@ export function saveJobPostingDraft(draft: JobPostingDraft) {
     files: draft.files,
     value: draft.value,
   };
+  jobPostingAnalysis = null;
 }
 
-export function clearJobPostingDraft() {
+export function getJobPostingAnalysis() {
+  return jobPostingAnalysis;
+}
+
+export function saveJobPostingAnalysis(result: JobPostingProcessedResult) {
+  jobPostingAnalysis = result;
+}
+
+export function clearJobPostingInput() {
   jobPostingDraft = {
     files: [],
     value: "",
   };
 }
+
+export function clearJobPostingDraft() {
+  clearJobPostingInput();
+  jobPostingAnalysis = null;
+}
diff --git a/jobdri/src/app/mockApply/job/loading/page.tsx b/jobdri/src/app/mockApply/job/loading/page.tsx
index b655f53..8c519e6 100644
--- a/jobdri/src/app/mockApply/job/loading/page.tsx
+++ b/jobdri/src/app/mockApply/job/loading/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { useEffect, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { useRouter } from "next/navigation";
 import clsx from "clsx";
 import Header from "@/components/common/header/Header";
@@ -10,7 +10,16 @@ import { ModalNotice } from "@/components/common/modal";
 import LoadingGraphic from "@/components/mockApply/LoadingGraphic";
 import questionLoadingBook from "@/assets/lottie/question-loading-book.json";
 import questionLoadingSparkle from "@/assets/lottie/question-loading-sparkle.json";
-import { clearJobPostingDraft } from "../jobPostingDraftStore";
+import {
+  clearJobPostingDraft,
+  getJobPostingDraft,
+  saveJobPostingAnalysis,
+} from "../jobPostingDraftStore";
+import {
+  ingestJobPosting,
+  uploadJobPostingImage,
+  waitForJobPostingIngest,
+} from "@/lib/api/jobPostings";
 
 const MIN_LOADING_DURATION_MS = 50_000;
 const MAX_LOADING_DURATION_MS = 60_000;
@@ -109,20 +118,49 @@ export default function JobPostingLoadingPage() {
   const router = useRouter();
   const [loadingDurationMs] = useState(createRandomLoadingDurationMs);
   const [showStopConfirm, setShowStopConfirm] = useState(false);
+  const hasStartedAnalysisRef = useRef(false);
 
   useEffect(() => {
-    if (showStopConfirm) {
+    if (hasStartedAnalysisRef.current) {
       return;
     }
-
-    const completionTimer = window.setTimeout(() => {
-      router.replace("/mockApply/job/review");
-    }, loadingDurationMs);
-
-    return () => {
-      window.clearTimeout(completionTimer);
+    hasStartedAnalysisRef.current = true;
+
+    const analyzeJobPosting = async () => {
+      try {
+        const draft = getJobPostingDraft();
+        const rawText = draft.value.trim() || undefined;
+        const imageObjectKey = draft.files[0]
+          ? await uploadJobPostingImage(draft.files[0])
+          : undefined;
+
+        if (!rawText && !imageObjectKey) {
+          throw new Error("분석할 채용 공고가 없습니다.");
+        }
+
+        const accepted = await ingestJobPosting({ rawText, imageObjectKey });
+        const status = await waitForJobPostingIngest(accepted.taskId);
+
+        if (!status.result) {
+          throw new Error("채용 공고 분석 결과를 확인할 수 없습니다.");
+        }
+
+        saveJobPostingAnalysis(status.result);
+        router.replace("/mockApply/job/review");
+      } catch (error) {
+        const message =
+          error instanceof Error
+            ? error.message
+            : "채용 공고 분석에 실패했습니다.";
+
+        router.replace(
+          `/mockApply/job/create?analysisError=${encodeURIComponent(message)}`,
+        );
+      }
     };
-  }, [loadingDurationMs, router, showStopConfirm]);
+
+    void analyzeJobPosting();
+  }, [router]);
 
   const closeStopConfirm = () => setShowStopConfirm(false);
   const stopAnalysis = () => {
diff --git a/jobdri/src/app/mockApply/job/review/page.tsx b/jobdri/src/app/mockApply/job/review/page.tsx
index 39ae36a..e2a8b71 100644
--- a/jobdri/src/app/mockApply/job/review/page.tsx
+++ b/jobdri/src/app/mockApply/job/review/page.tsx
@@ -12,8 +12,27 @@ import {
 import { CtaFooter } from "@/components/common/cta";
 import { JDInput } from "@/components/common/input";
 import { ModalNotice } from "@/components/common/modal";
-import Avatar from "@/components/mockApply/home/Avatar";
-import MockApplyTemplate from "@/components/common/MockApplyTemplate";
+import Avatar, {
+  type AvatarColor,
+} from "@/components/mockApply/home/Avatar";
+import {
+  clearJobPostingInput,
+  getJobPostingAnalysis,
+} from "../jobPostingDraftStore";
+import {
+  saveJobPosting,
+  updateJobPosting,
+  type JobPostingSavePayload,
+  type JobPostingProfileColor,
+} from "@/lib/api/jobPostings";
+import {
+  createApplyFromJobPosting,
+  getSelectedApplyType,
+} from "@/lib/api/mockApplies";
+
+function firstNonEmpty(...values: Array<string | null | undefined>) {
+  return values.find((value) => value?.trim())?.trim() ?? "";
+}
 
 const wizardSteps = [
   { label: "공고 확인" },
@@ -43,7 +62,15 @@ function SectionCard({
   );
 }
 
-function JobProfileRow({ avatarName }: { avatarName: string }) {
+function JobProfileRow({
+  avatarName,
+  profileColor,
+  onProfileColorChange,
+}: {
+  avatarName: string;
+  profileColor: JobPostingProfileColor;
+  onProfileColorChange: (color: JobPostingProfileColor) => void;
+}) {
   return (
     <div className="flex w-full items-start gap-8 px-2 py-5">
       <div className="flex w-[200px] shrink-0 flex-col items-start justify-center gap-1">
@@ -77,8 +104,14 @@ function JobProfileRow({ avatarName }: { avatarName: string }) {
         <Avatar
           name={avatarName}
           type="company"
+          color={profileColor}
           size="large"
           isEditable
+          onChange={(color: AvatarColor) =>
+            onProfileColorChange(
+              color.toUpperCase() as JobPostingProfileColor,
+            )
+          }
           className="!h-11 !w-11"
         />
       </div>
@@ -86,18 +119,72 @@ function JobProfileRow({ avatarName }: { avatarName: string }) {
   );
 }
 
-export default function JobPostingReviewPage({
-  params,
-}: {
-  params: { mockApplyId: string };
-}) {
+export default function JobPostingReviewPage() {
   const router = useRouter();
-  const { mockApplyId } = params;
-  const [jobPostingName, setJobPostingName] = useState("");
-  const [companyName, setCompanyName] = useState("");
-  const [roleName, setRoleName] = useState("");
+  const [initialValues] = useState(() => {
+    const result = getJobPostingAnalysis();
+    const generated = result?.generated;
+    const extracted = result?.extracted;
+    const saved = result?.saved;
+
+    return {
+      companyName: firstNonEmpty(
+        saved?.companyName,
+        generated?.companyName,
+        extracted?.companyName,
+      ),
+      postingName: firstNonEmpty(
+        saved?.postingName,
+        generated?.jobTitle,
+        extracted?.jobTitle,
+        saved?.jobTitle,
+        result?.classification?.detailClassificationName,
+        saved?.detailClassificationName,
+      ),
+      jobTitle: firstNonEmpty(
+        saved?.jobTitle,
+        generated?.jobTitle,
+        extracted?.jobTitle,
+        result?.classification?.detailClassificationName,
+        saved?.detailClassificationName,
+      ),
+      task: firstNonEmpty(generated?.task, extracted?.task, saved?.task),
+      requirements: firstNonEmpty(
+        generated?.requirements,
+        extracted?.requirements,
+        saved?.requirement,
+      ),
+      preferred: firstNonEmpty(
+        generated?.preferredQualifications,
+        extracted?.preferredQualifications,
+        saved?.preferred,
+      ),
+      companySize: saved?.companySize?.trim() || "STARTUP",
+      profileColor: saved?.profileColor ?? "DEFAULT",
+      detailClassificationId:
+        saved?.detailClassificationId ??
+        result?.classification?.detailClassificationId ??
+        result?.candidates?.[0]?.detailClassificationId ??
+        0,
+      jobPostingId: saved?.jobPostingId ?? null,
+    };
+  });
+  const [profileColor, setProfileColor] =
+    useState<JobPostingProfileColor>(initialValues.profileColor);
+  const [jobPostingName, setJobPostingName] = useState(
+    initialValues.postingName,
+  );
+  const [companyName, setCompanyName] = useState(initialValues.companyName);
+  const [roleName, setRoleName] = useState(initialValues.jobTitle);
+  const [task, setTask] = useState(initialValues.task);
+  const [requirements, setRequirements] = useState(
+    initialValues.requirements,
+  );
+  const [preferred, setPreferred] = useState(initialValues.preferred);
   const [showBackConfirm, setShowBackConfirm] = useState(false);
   const [showHomeConfirm, setShowHomeConfirm] = useState(false);
+  const [isSaving, setIsSaving] = useState(false);
+  const [saveErrorMessage, setSaveErrorMessage] = useState("");
   const { scrollAreaRef, scrollbarMetrics, updateScrollbarMetrics } =
     useLnbScrollMetrics(true, "job-posting-review", { trackPadding: 28 });
   const companyAvatarName = useMemo(() => {
@@ -116,23 +203,76 @@ export default function JobPostingReviewPage({
     event.preventDefault();
     setShowHomeConfirm(true);
   };
+  const handleNext = async () => {
+    if (!isNextEnabled || isSaving) {
+      return;
+    }
+
+    setIsSaving(true);
+    setSaveErrorMessage("");
+
+    try {
+      if (initialValues.detailClassificationId <= 0) {
+        throw new Error("직무 분류 정보가 없어 공고를 저장할 수 없습니다.");
+      }
+
+      const payload: JobPostingSavePayload = {
+        profileColor,
+        postingName: jobPostingName.trim(),
+        companyName: companyName.trim(),
+        companySize: initialValues.companySize,
+        jobTitle: roleName.trim(),
+        detailClassificationId: initialValues.detailClassificationId,
+        task: task.trim(),
+        requirement: requirements.trim(),
+        preferred: preferred.trim(),
+      };
+      const savedJobPosting = initialValues.jobPostingId
+        ? await updateJobPosting(initialValues.jobPostingId, payload)
+        : await saveJobPosting(payload);
+      const createdApply = await createApplyFromJobPosting({
+        jobPostingId: savedJobPosting.jobPostingId,
+        applyType: getSelectedApplyType(),
+      });
+
+      clearJobPostingInput();
+      router.push(
+        `/mockApply/${createdApply.mockApplyId}?jobPostingId=${savedJobPosting.jobPostingId}`,
+      );
+    } catch (error) {
+      setSaveErrorMessage(
+        error instanceof Error
+          ? error.message
+          : "채용 공고를 저장하지 못했습니다.",
+      );
+      setIsSaving(false);
+    }
+  };
 
   return (
-    <>
-      <MockApplyTemplate
-        mockApplyId={Number(mockApplyId)}
-        currentStep={1}
-        onBackClick={() => setShowBackConfirm(true)}
-        onNextClick={() => router.push(`/mockApply/${mockApplyId}`)}
-        isNextDisabled={!isNextEnabled}
-      >
+    <div className="h-dvh w-dvw overflow-hidden bg-line-neutral-assistive">
+      <div className="flex h-dvh w-dvw min-w-[1100px] flex-col bg-bg-white">
+        <Header
+          companyName={companyName}
+          jobTitle={roleName}
+          applicationLabel="첫 번째 지원"
+          currentStep={1}
+          steps={wizardSteps}
+          lastSavedAt="17:00"
+          homeAction={{
+            label: "홈으로",
+            onClick: handleHomeClick,
+          }}
+          className="min-w-[1100px] max-w-none shrink-0 self-stretch"
+        />
+
         <div className="relative flex min-h-0 w-full flex-1 items-stretch overflow-visible px-2 pb-0">
           <div
             ref={scrollAreaRef}
             onScroll={updateScrollbarMetrics}
-            className={`flex min-h-0 w-full flex-1 items-start justify-center overflow-y-auto overflow-x-hidden ${lnbHiddenScrollbarClass}`}
+            className={`flex min-h-0 w-full flex-1 items-start justify-center overflow-y-auto overflow-x-hidden rounded-card-l bg-fill-quaternary-assistive ${lnbHiddenScrollbarClass}`}
           >
-            <div className="flex min-h-0 flex-1 items-start justify-center self-stretch rounded-card-l bg-fill-quaternary-assistive">
+            <div className="flex min-h-full flex-1 items-start justify-center self-stretch bg-fill-quaternary-assistive">
               <main className="flex flex-1 items-start justify-between">
                 <SideHeaderContainer
                   leading={1}
@@ -144,9 +284,14 @@ export default function JobPostingReviewPage({
 
                 <div className="flex [flex:1_0_0] flex-col items-center gap-3 pt-16 pr-[72px] pl-20">
                   <SectionCard title="공고 정보 편집">
-                    <JobProfileRow avatarName={companyAvatarName} />
+                    <JobProfileRow
+                      avatarName={companyAvatarName}
+                      profileColor={profileColor}
+                      onProfileColorChange={setProfileColor}
+                    />
                     <JDInput
                       label="공고명"
+                      description="이 공고의 이름이에요."
                       type="company"
                       value={jobPostingName}
                       onChange={setJobPostingName}
@@ -154,6 +299,7 @@ export default function JobPostingReviewPage({
                     />
                     <JDInput
                       label="회사명"
+                      description="채용 공고를 올린 회사예요."
                       type="company"
                       value={companyName}
                       onChange={setCompanyName}
@@ -168,18 +314,29 @@ export default function JobPostingReviewPage({
                       onChange={setRoleName}
                       className="!w-full"
                     />
-                    <JDInput type="task" required={false} className="!w-full" />
+                    <JDInput
+                      type="task"
+                      description="이 직무에서 담당할 업무예요."
+                      required={false}
+                      value={task}
+                      onChange={setTask}
+                      className="!w-full"
+                    />
                   </SectionCard>
 
                   <SectionCard title="채용 기준">
                     <JDInput
                       type="qualification"
                       required={false}
+                      value={requirements}
+                      onChange={setRequirements}
                       className="!w-full"
                     />
                     <JDInput
                       type="prefer"
                       required={false}
+                      value={preferred}
+                      onChange={setPreferred}
                       className="!w-full"
                     />
                   </SectionCard>
@@ -195,7 +352,21 @@ export default function JobPostingReviewPage({
             className="!top-[10px] !right-1 !bottom-[10px] z-10"
           />
         </div>
-      </MockApplyTemplate>
+
+        <CtaFooter
+          type="wizard"
+          className="!w-full shrink-0"
+          backAction={{
+            label: "이전으로",
+            onClick: () => setShowBackConfirm(true),
+          }}
+          nextAction={{
+            label: "다음으로",
+            disabled: !isNextEnabled || isSaving,
+            onClick: () => void handleNext(),
+          }}
+        />
+      </div>
 
       {showBackConfirm && (
         <div className="fixed inset-0 z-50 flex items-center justify-center bg-bg-lightbox-default">
@@ -235,6 +406,21 @@ export default function JobPostingReviewPage({
           />
         </div>
       )}
-    </>
+
+      {saveErrorMessage && (
+        <div className="fixed inset-0 z-50 flex items-center justify-center bg-bg-lightbox-default">
+          <ModalNotice
+            type="noticeModal"
+            title="공고를 저장하지 못했습니다."
+            description={saveErrorMessage}
+            onClose={() => setSaveErrorMessage("")}
+            primaryAction={{
+              label: "확인",
+              onClick: () => setSaveErrorMessage(""),
+            }}
+          />
+        </div>
+      )}
+    </div>
   );
 }
diff --git a/jobdri/src/app/page.tsx b/jobdri/src/app/page.tsx
index d52c7b2..c06e63f 100644
--- a/jobdri/src/app/page.tsx
+++ b/jobdri/src/app/page.tsx
@@ -6,12 +6,22 @@ import { BusinessFooter } from "@/components/common/footer";
 import { Lnb } from "@/components/common/lnb";
 import ResultDraftList from "@/components/mockApply/home/ResultDraftList";
 import ResultApplicationList from "@/components/mockApply/home/ResultApplicationList";
-import { fetchMyMockApplies } from "@/lib/api/mockApplies";
+import {
+  fetchMyMockApplies,
+  saveSelectedApplyType,
+} from "@/lib/api/mockApplies";
+import {
+  deleteJobPosting,
+  fetchMyJobPosting,
+  fetchMyJobPostings,
+} from "@/lib/api/jobPostings";
+import { saveJobPostingAnalysis } from "@/app/mockApply/job/jobPostingDraftStore";
 import { formatDate } from "@/utils/date";
 import {
   DraftData,
   ApplicationCardData,
 } from "@/components/mockApply/home/types";
+import { useReApply } from "@/hooks/useReApply";
 
 // const DUMMY_DRAFTS = [
 //   {
@@ -51,36 +61,96 @@ import {
 
 export default function Home() {
   const router = useRouter();
+  const { reApply } = useReApply();
   const [drafts, setDrafts] = useState<DraftData[]>([]);
   const [results, setResults] = useState<ApplicationCardData[]>([]);
 
   useEffect(() => {
     const loadMockApplies = async () => {
       try {
-        const data = await fetchMyMockApplies();
-
-        const mappedDrafts = data.inProgress.map((item) => ({
-          id: String(item.mockApplyId),
-          companyName: item.companyName,
-          position:
-            item.jobTitle || item.detailClassificationName || "직무 미지정",
-          currentStep: item.status === "ANSWER_WRITE" ? 2 : 1,
-          updatedAt: formatDate(item.createdAt),
-        }));
-
-        const mappedResults = data.completed.map((item) => ({
-          id: item.mockApplyId,
-          jobPostingId: item.jobPostingId,
-          mockApplyId: item.mockApplyId,
-          company: item.companyName,
-          position:
-            item.jobTitle || item.detailClassificationName || "직무 미지정",
-          createdAt: formatDate(item.createdAt),
-          score: item.score || 0,
-          version: item.version || 1,
-          status: "completed",
-        }));
-        setDrafts(mappedDrafts);
+        const [data, jobPostings] = await Promise.all([
+          fetchMyMockApplies({ redirectOnUnauthorized: false }),
+          fetchMyJobPostings({ redirectOnUnauthorized: false }).catch(
+            () => [],
+          ),
+        ]);
+        const jobPostingById = new Map(
+          jobPostings.map((jobPosting) => [
+            jobPosting.jobPostingId,
+            jobPosting,
+          ]),
+        );
+
+        const mappedDrafts = data.inProgress.map((item) => {
+          const jobPosting = jobPostingById.get(item.jobPostingId);
+
+          return {
+            id: String(item.mockApplyId),
+            jobPostingId: item.jobPostingId,
+            mockApplyId: item.mockApplyId,
+            companyName:
+              item.companyName ||
+              jobPosting?.companyName ||
+              "회사명 미입력",
+            profileColor: jobPosting?.profileColor ?? "DEFAULT",
+            position:
+              item.jobTitle ||
+              jobPosting?.jobTitle ||
+              item.detailClassificationName ||
+              jobPosting?.detailClassificationName ||
+              "직무 미지정",
+            currentStep: item.status === "ANSWER_WRITE" ? 2 : 1,
+            updatedAt: formatDate(item.createdAt),
+          };
+        });
+        const linkedJobPostingIds = new Set(
+          [...data.inProgress, ...data.completed].map(
+            (item) => item.jobPostingId,
+          ),
+        );
+        const savedOnlyDrafts = jobPostings
+          .filter(
+            (jobPosting) =>
+              !linkedJobPostingIds.has(jobPosting.jobPostingId),
+          )
+          .map((jobPosting) => ({
+            id: `job-posting-${jobPosting.jobPostingId}`,
+            jobPostingId: jobPosting.jobPostingId,
+            companyName: jobPosting.companyName || "회사명 미입력",
+            profileColor: jobPosting.profileColor,
+            position:
+              jobPosting.jobTitle ||
+              jobPosting.detailClassificationName ||
+              "직무 미지정",
+            currentStep: 1,
+            updatedAt: "-",
+          }));
+
+        const mappedResults = data.completed.map((item) => {
+          const jobPosting = jobPostingById.get(item.jobPostingId);
+
+          return {
+            id: item.mockApplyId,
+            jobPostingId: item.jobPostingId,
+            mockApplyId: item.mockApplyId,
+            company:
+              item.companyName ||
+              jobPosting?.companyName ||
+              "회사명 미입력",
+            profileColor: jobPosting?.profileColor ?? "DEFAULT",
+            position:
+              item.jobTitle ||
+              jobPosting?.jobTitle ||
+              item.detailClassificationName ||
+              jobPosting?.detailClassificationName ||
+              "직무 미지정",
+            createdAt: formatDate(item.createdAt),
+            score: item.score || 0,
+            version: item.version || 1,
+            status: "completed",
+          };
+        });
+        setDrafts([...savedOnlyDrafts, ...mappedDrafts]);
         setResults(mappedResults);
       } catch (error) {
         console.error("데이터를 불러오는데 실패했습니다.", error);
@@ -89,6 +159,20 @@ export default function Home() {
 
     loadMockApplies();
   }, []);
+
+  const deletePosting = async (jobPostingId: number) => {
+    try {
+      await deleteJobPosting(jobPostingId);
+      setDrafts((current) =>
+        current.filter((draft) => draft.jobPostingId !== jobPostingId),
+      );
+      setResults((current) =>
+        current.filter((result) => result.jobPostingId !== jobPostingId),
+      );
+    } catch (error) {
+      console.error("채용 공고를 삭제하지 못했습니다.", error);
+    }
+  };
   return (
     <div className="flex min-h-screen w-full bg-[#F5F6F9] overflow-x-hidden ">
       <Lnb className="shrink-0" />
@@ -108,7 +192,10 @@ export default function Home() {
               styleType="primary"
               size="large"
               iconType="SPARKLE"
-              onClick={() => router.push("/mockApply/job/create")}
+              onClick={() => {
+                saveSelectedApplyType("MOCK");
+                router.push("/mockApply/job/create");
+              }}
             />
           </div>
 
@@ -123,36 +210,60 @@ export default function Home() {
 
                 if (!targetDraft) return;
 
+                if (!targetDraft.mockApplyId) {
+                  void fetchMyJobPosting(targetDraft.jobPostingId)
+                    .then((saved) => {
+                      saveJobPostingAnalysis({
+                        savedToDatabase: true,
+                        message: "저장된 채용 공고를 불러왔습니다.",
+                        extracted: null,
+                        candidates: [],
+                        classification: null,
+                        generated: null,
+                        saved,
+                      });
+                      router.push("/mockApply/job/review");
+                    })
+                    .catch((error) => {
+                      console.error("채용 공고를 불러오지 못했습니다.", error);
+                    });
+                  return;
+                }
+
                 switch (targetDraft.currentStep) {
                   case 1:
-                    // 1단계 (공고 확인/질문 선택)에서 멈췄을 때
-                    router.push(`/mockApply/question-select/${id}`);
-                    break;
                   case 2:
-                    // 2단계 (자소서 작성)에서 멈췄을 때
-                    router.push(`/mockApply/${id}`);
+                    router.push(
+                      `/mockApply/${targetDraft.mockApplyId}?jobPostingId=${targetDraft.jobPostingId}`,
+                    );
                     break;
                   case 3:
-                    // 3단계 (채점 중)일 때 (보통 대기 화면이나 결과 화면으로)
-                    router.push(`/mockApply/grading/${id}`);
+                    router.push(
+                      `/mockApply/${targetDraft.mockApplyId}/result/resume-analysis-loading`,
+                    );
                     break;
                   default:
                     router.push(`/mockApply/${id}`);
                 }
               }}
-              onDelete={(id) => console.log(id)}
+              onDelete={(id) => {
+                const targetDraft = drafts.find((draft) => draft.id === id);
+
+                if (targetDraft) {
+                  void deletePosting(targetDraft.jobPostingId);
+                }
+              }}
             />
 
             {/* 분석 완료 섹션 */}
             <ResultApplicationList
               applications={results}
-              onDelete={(app) => console.log(app.id, "삭제")}
-              onRetry={(app) => {
-                router.push(`/mockApply/retry/${app.jobPostingId}`);
-              }}
+              onDelete={(app) => void deletePosting(app.jobPostingId)}
+              onRetry={(app) => void reApply(app.mockApplyId)}
               onResume={(app) => {
-                // 예시: 결과 상세 페이지로 이동!
-                router.push(`/mockApply/${app.mockApplyId}/result`);
+                router.push(
+                  `/mockApply/${app.mockApplyId}/result?jobPostingId=${app.jobPostingId}`,
+                );
               }}
             />
           </div>
diff --git a/jobdri/src/components/common/MockApplyTemplate.tsx b/jobdri/src/components/common/MockApplyTemplate.tsx
index 194951d..22573ca 100644
--- a/jobdri/src/components/common/MockApplyTemplate.tsx
+++ b/jobdri/src/components/common/MockApplyTemplate.tsx
@@ -10,6 +10,8 @@ import { ModalCard } from "./modal/ModalCard";
 interface MockApplyTemplateProps {
   mockApplyId: number;
   currentStep: number;
+  companyName?: string;
+  jobTitle?: string;
 
   children: React.ReactNode;
   customHomeModal?: (typeof LEAVE_MODAL_CONFIG)[keyof typeof LEAVE_MODAL_CONFIG];
@@ -28,6 +30,8 @@ export default function MockApplyTemplate({
   mockApplyId,
   children,
   currentStep,
+  companyName,
+  jobTitle,
   customHomeModal = LEAVE_MODAL_CONFIG.COMMON_HOME,
   onHomeLeave,
 
@@ -68,6 +72,8 @@ export default function MockApplyTemplate({
   return (
     <div className="flex flex-col h-dvh bg-bg-default overflow-hidden">
       <Header
+        companyName={companyName}
+        jobTitle={jobTitle}
         currentStep={currentStep}
         lastSavedAt={lastSavedAt}
         applicationLabel={applicationLabel}
diff --git a/jobdri/src/components/common/input/LLMInput.tsx b/jobdri/src/components/common/input/LLMInput.tsx
index c63f958..7cc9fe7 100644
--- a/jobdri/src/components/common/input/LLMInput.tsx
+++ b/jobdri/src/components/common/input/LLMInput.tsx
@@ -94,6 +94,9 @@ export function LLMInput({
   const rootRef = useRef<HTMLDivElement>(null);
   const fileInputRef = useRef<HTMLInputElement>(null);
   const imagePreviewsRef = useRef<LLMInputImagePreviewState[]>([]);
+  const previewCleanupTimerRef = useRef<ReturnType<
+    typeof setTimeout
+  > | null>(null);
   const imageLimitToastTimerRef = useRef<ReturnType<typeof setTimeout> | null>(
     null,
   );
@@ -149,10 +152,22 @@ export function LLMInput({
   }, [imagePreviews]);
 
   useEffect(() => {
+    if (previewCleanupTimerRef.current) {
+      clearTimeout(previewCleanupTimerRef.current);
+      previewCleanupTimerRef.current = null;
+    }
+
     return () => {
-      imagePreviewsRef.current.forEach((imagePreview) => {
-        URL.revokeObjectURL(imagePreview.url);
-      });
+      const previewUrls = imagePreviewsRef.current.map(
+        (imagePreview) => imagePreview.url,
+      );
+
+      previewCleanupTimerRef.current = setTimeout(() => {
+        previewUrls.forEach((previewUrl) => {
+          URL.revokeObjectURL(previewUrl);
+        });
+      }, 0);
+
       if (imageLimitToastTimerRef.current) {
         clearTimeout(imageLimitToastTimerRef.current);
       }
diff --git a/jobdri/src/components/common/lnb/Lnb.tsx b/jobdri/src/components/common/lnb/Lnb.tsx
index a7c92bf..45ba3ec 100644
--- a/jobdri/src/components/common/lnb/Lnb.tsx
+++ b/jobdri/src/components/common/lnb/Lnb.tsx
@@ -95,7 +95,9 @@ export default function Lnb({
   useEffect(() => {
     const loadData = async () => {
       try {
-        const data = await fetchMyMockApplies();
+        const data = await fetchMyMockApplies({
+          redirectOnUnauthorized: false,
+        });
         const allItems = [...data.inProgress, ...data.completed];
 
         const mappedItems: LnbRecentItem[] = allItems.map((item) => ({
@@ -122,7 +124,7 @@ export default function Lnb({
   // Credit Fetch
   useEffect(() => {
     if (disableCreditFetch) return;
-    fetchCreditBalance()
+    fetchCreditBalance({ redirectOnUnauthorized: false })
       .then(setCreditCount)
       .catch(() => {});
   }, [disableCreditFetch]);
diff --git a/jobdri/src/components/common/lnb/LnbShared.tsx b/jobdri/src/components/common/lnb/LnbShared.tsx
index cc16da1..8731344 100644
--- a/jobdri/src/components/common/lnb/LnbShared.tsx
+++ b/jobdri/src/components/common/lnb/LnbShared.tsx
@@ -39,7 +39,7 @@ export const navItems: LnbNavItem[] = [
     key: "apply",
     label: "모의 서류 지원",
     iconType: "APPLY",
-    href: "/mockApply",
+    href: "/",
   },
   {
     key: "experience",
diff --git a/jobdri/src/components/mockApply/Question/SidePanel.tsx b/jobdri/src/components/mockApply/Question/SidePanel.tsx
index 06c77b0..f04e219 100644
--- a/jobdri/src/components/mockApply/Question/SidePanel.tsx
+++ b/jobdri/src/components/mockApply/Question/SidePanel.tsx
@@ -6,6 +6,7 @@ import Avatar from "../home/Avatar";
 import Icon from "@/components/common/icons/Icon";
 import Divider from "@/components/common/Divider";
 import { scrollbarClassS } from "@/components/common/scrollbar/scrollbarStyles";
+import type { JobPostingProfileColor } from "@/lib/api/jobPostings";
 
 export interface JDSectionItem {
   subtitle: string;
@@ -14,6 +15,7 @@ export interface JDSectionItem {
 
 export interface JDData {
   companyName: string;
+  profileColor?: JobPostingProfileColor;
   title: string;
   sections: JDSectionItem[];
 }
@@ -25,36 +27,17 @@ interface JDSidePanelProps {
   data?: JDData;
 }
 
-const defaultJdData: JDData = {
-  companyName: "토스",
-  title: "공고 제목 더미텍스트 공고 제목 더미텍스트공고...",
-  sections: [
-    {
-      subtitle: "직무",
-      content: "프로덕트 디자인 및 UI/UX 인터랙션 설계",
-    },
-    {
-      subtitle: "자격요건",
-      content: [
-        "3년 이상의 프로덕트 디자인 경력",
-        "모바일 앱 디자인 포트폴리오 보유",
-      ],
-    },
-    {
-      subtitle: "우대사항",
-      content: [
-        "3년 이상의 프로덕트 디자인 경력",
-        "모바일 앱 디자인 포트폴리오 보유",
-      ],
-    },
-  ],
+const emptyJdData: JDData = {
+  companyName: "",
+  title: "공고 정보를 불러오는 중입니다.",
+  sections: [],
 };
 
 export default function JDSidePanel({
   isOpen,
   onClose,
   onOpen,
-  data = defaultJdData,
+  data = emptyJdData,
 }: JDSidePanelProps) {
   return (
     <div
@@ -89,7 +72,11 @@ export default function JDSidePanel({
           <div className="flex-1 flex flex-col px-5 py-4 overflow-y-auto w-full">
             {/* 헤더 (기업 아바타 + 타이틀) */}
             <div className="w-full flex flex-col items-start gap-2 pb-3 px-1">
-              <Avatar type="company" name={data.companyName} />
+              <Avatar
+                type="company"
+                name={data.companyName}
+                color={data.profileColor}
+              />
               <h2 className="text-b16-semibold text-text-neutral-title leading-snug break-keep">
                 {data.title}
               </h2>
diff --git a/jobdri/src/components/mockApply/home/Avatar.tsx b/jobdri/src/components/mockApply/home/Avatar.tsx
index 30b79c2..f30540c 100644
--- a/jobdri/src/components/mockApply/home/Avatar.tsx
+++ b/jobdri/src/components/mockApply/home/Avatar.tsx
@@ -15,11 +15,12 @@ export type AvatarColor =
   | "lightblue"
   | "blue"
   | "pink";
+export type AvatarColorValue = AvatarColor | Uppercase<AvatarColor>;
 
 interface AvatarProps {
   name: string;
   type?: AvatarType;
-  color?: AvatarColor;
+  color?: AvatarColorValue;
   size?: AvatarSize;
   className?: string;
   isEditable?: boolean;
@@ -44,6 +45,26 @@ export const sizeStyles: Record<AvatarSize, string> = {
   xsmall: "w-6 h-6 text-[12px] rounded-chip-s",
 };
 
+const avatarColors: AvatarColor[] = [
+  "default",
+  "red",
+  "orange",
+  "green",
+  "lightblue",
+  "blue",
+  "pink",
+];
+
+export function normalizeAvatarColor(
+  color?: AvatarColorValue | null,
+): AvatarColor {
+  const normalizedColor = color?.toLowerCase() as AvatarColor | undefined;
+
+  return normalizedColor && avatarColors.includes(normalizedColor)
+    ? normalizedColor
+    : "default";
+}
+
 export default function Avatar({
   name,
   type = "company",
@@ -54,9 +75,9 @@ export default function Avatar({
   onChange,
 }: AvatarProps) {
   const [isOpen, setIsOpen] = useState(false);
-  const [currentColor, setCurrentColor] = useState<AvatarColor>(color);
   const containerRef = useRef<HTMLDivElement>(null);
   const firstLetter = name.trim().charAt(0).toUpperCase();
+  const currentColor = normalizeAvatarColor(color);
 
   // 바깥 영역 클릭 시 말풍선 닫기
   useEffect(() => {
@@ -119,8 +140,7 @@ export default function Avatar({
           name={name}
           selectedColor={currentColor}
           onColorSelect={(newColor) => {
-            setCurrentColor(newColor);
-            if (onChange) onChange(newColor);
+            onChange?.(newColor);
             setIsOpen(false);
           }}
         />
diff --git a/jobdri/src/components/mockApply/home/ResultApplicationCard.tsx b/jobdri/src/components/mockApply/home/ResultApplicationCard.tsx
index fdede96..deeacfd 100644
--- a/jobdri/src/components/mockApply/home/ResultApplicationCard.tsx
+++ b/jobdri/src/components/mockApply/home/ResultApplicationCard.tsx
@@ -1,10 +1,7 @@
 "use client";
 
 import React, { useState, useRef, useEffect } from "react";
-import {
-  CreatedAt,
-  handleApplicationCardKeyDown,
-} from "./ApplicationCardShared";
+import { handleApplicationCardKeyDown } from "./ApplicationCardShared";
 import type { ApplicationCardData } from "./types";
 import Avatar from "./Avatar";
 import Icon from "@/components/common/icons/Icon";
@@ -12,6 +9,7 @@ import { DropDownMenu } from "@/components/common/dropdown";
 
 export function ResultApplicationCard({
   company,
+  profileColor,
   position,
   createdAt,
   score,
@@ -69,7 +67,12 @@ export function ResultApplicationCard({
       <div className="flex flex-col self-stretch w-full">
         <div className="flex items-center justify-between self-stretch mb-2">
           <div className="flex items-center gap-1.5 min-w-0">
-            <Avatar name={company} type="company" size="small" />
+            <Avatar
+              name={company}
+              type="company"
+              color={profileColor}
+              size="small"
+            />
             <span className="max-w-full truncate text-b16-semibold text-text-neutral-title">
               {company}
             </span>
diff --git a/jobdri/src/components/mockApply/home/ResultDraftCard.tsx b/jobdri/src/components/mockApply/home/ResultDraftCard.tsx
index 5735baf..60b7295 100644
--- a/jobdri/src/components/mockApply/home/ResultDraftCard.tsx
+++ b/jobdri/src/components/mockApply/home/ResultDraftCard.tsx
@@ -60,7 +60,11 @@ export const ResultDraftCard: React.FC<ResultDraftCardProps> = ({
       {/* 1. 왼쪽 영역: 무조건 전체의 2/3 (66.6%) 고정 */}
       {/* 💡 flex-1을 빼고 shrink-0을 넣어서 크기가 줄어들지 않게 꽉 잡아줍니다. */}
       <div className="flex items-center w-2/3 gap-4 shrink-0 min-w-0">
-        <Avatar name={data.companyName} size="medium" />
+        <Avatar
+          name={data.companyName}
+          color={data.profileColor}
+          size="medium"
+        />
 
         <div className="flex flex-col gap-0.5 min-w-0">
           <div className="flex items-center gap-1 text-label14-semibold min-w-0">
diff --git a/jobdri/src/components/mockApply/home/SavedApplicationsModal.tsx b/jobdri/src/components/mockApply/home/SavedApplicationsModal.tsx
index ae55083..18e3bc3 100644
--- a/jobdri/src/components/mockApply/home/SavedApplicationsModal.tsx
+++ b/jobdri/src/components/mockApply/home/SavedApplicationsModal.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { useEffect } from "react";
-import { scrollbarClass } from "@/components/common/scrollbar/scrollbarStyles";
+import { scrollbarClassL } from "@/components/common/scrollbar/scrollbarStyles";
 import Icon from "@/components/common/icons/Icon";
 import { ApplicationKebabButton } from "./ApplicationKebabButton";
 import {
@@ -120,7 +120,7 @@ export function SavedApplicationsModal({
 
           <div className="flex min-h-0 flex-1 items-start justify-start self-stretch">
             <div
-              className={`flex h-full min-h-0 flex-1 flex-col items-start gap-2 overflow-y-auto pr-3 ${scrollbarClass}`}
+              className={`flex h-full min-h-0 flex-1 flex-col items-start gap-2 overflow-y-auto pr-3 ${scrollbarClassL}`}
             >
               {applications.map((application) => (
                 <SavedApplicationModalCard
diff --git a/jobdri/src/components/mockApply/home/applicationHomeUtils.ts b/jobdri/src/components/mockApply/home/applicationHomeUtils.ts
index e7550ce..74c81e7 100644
--- a/jobdri/src/components/mockApply/home/applicationHomeUtils.ts
+++ b/jobdri/src/components/mockApply/home/applicationHomeUtils.ts
@@ -81,7 +81,8 @@ export function mapMockApplyToApplication(
     jobPostingId: item.jobPostingId,
     company: companyName || "회사명 미입력",
     hasCompanyName: companyName.length > 0,
-    position: item.detailClassificationName || item.jobTitle || "직무 미분류",
+    profileColor: item.profileColor ?? "DEFAULT",
+    position: item.jobTitle || item.detailClassificationName || "직무 미분류",
     createdAt: formatCreatedAt(item.createdAt),
     createdAtTime: getCreatedAtTime(item.createdAt),
     score,
@@ -231,38 +232,21 @@ function normalizeResumePath(
   return `/mockApply/${mockApplyId}/${routeSegment}${routeMatch[2] ?? ""}`;
 }
 
-function withJobPostingId(path: string, jobPostingId: number) {
-  const separator = path.includes("?") ? "&" : "?";
-
-  return path.includes("jobPostingId=")
-    ? path
-    : `${path}${separator}jobPostingId=${jobPostingId}`;
-}
-
 export function getResumePath({
   mockApplyId,
   jobPostingId,
   resumePath,
-  status,
 }: Pick<
   ApplicationCardData,
   "mockApplyId" | "jobPostingId" | "resumePath" | "status"
 >) {
   const normalizedResumePath = normalizeResumePath(resumePath, mockApplyId);
 
-  if (normalizedResumePath) {
-    if (normalizedResumePath.includes("/write")) {
-      return withJobPostingId(normalizedResumePath, jobPostingId);
-    }
-
+  if (normalizedResumePath.includes("/result")) {
     return normalizedResumePath;
   }
 
-  if (status === "ANSWER_WRITE") {
-    return `/mockApply/${mockApplyId}/write?jobPostingId=${jobPostingId}`;
-  }
-
-  return `/mockApply/${mockApplyId}/questions`;
+  return `/mockApply/${mockApplyId}?jobPostingId=${jobPostingId}`;
 }
 
 export function getResultPath({
@@ -275,7 +259,7 @@ export function getRetryPath({
   mockApplyId,
   jobPostingId,
 }: Pick<ApplicationCardData, "mockApplyId" | "jobPostingId">) {
-  return `/mockApply/${mockApplyId}/write?jobPostingId=${jobPostingId}`;
+  return `/mockApply/${mockApplyId}?jobPostingId=${jobPostingId}`;
 }
 
 export function saveJdReviewSessionFromJobPosting(
@@ -285,6 +269,9 @@ export function saveJdReviewSessionFromJobPosting(
   const {
     companyName,
     companySize,
+    profileColor,
+    postingName,
+    jobTitle,
     detailClassificationId,
     detailClassificationName,
     task,
@@ -294,7 +281,7 @@ export function saveJdReviewSessionFromJobPosting(
   const storageApplyId = String(applyId);
   const sections = createJdReviewSectionsFromJobPosting({
     companyName,
-    jobTitle: detailClassificationName,
+    jobTitle: jobTitle || detailClassificationName,
     task,
     requirements: requirement,
     preferredQualifications: preferred,
@@ -313,6 +300,9 @@ export function saveJdReviewSessionFromJobPosting(
     JSON.stringify({
       companySize,
       detailClassificationId,
+      profileColor,
+      postingName,
+      jobTitle,
     }),
   );
 }
diff --git a/jobdri/src/components/mockApply/home/types.ts b/jobdri/src/components/mockApply/home/types.ts
index 6b54a37..edc32ce 100644
--- a/jobdri/src/components/mockApply/home/types.ts
+++ b/jobdri/src/components/mockApply/home/types.ts
@@ -1,10 +1,12 @@
 import type { JobPostingApplyType } from "@/lib/api/mockApplies";
+import type { JobPostingProfileColor } from "@/lib/api/jobPostings";
 
 export interface ApplicationCardData {
   id: number;
   jobPostingId: number;
   company: string;
   hasCompanyName?: boolean;
+  profileColor?: JobPostingProfileColor;
   position: string;
   createdAt: string;
   createdAtTime?: number;
@@ -19,7 +21,10 @@ export interface ApplicationCardData {
 // types.ts (또는 해당 파일 상단)
 export interface DraftData {
   id: string;
+  jobPostingId: number;
+  mockApplyId?: number;
   companyName: string;
+  profileColor?: JobPostingProfileColor;
   position: string;
   currentStep: number;
   updatedAt: string;
diff --git a/jobdri/src/components/mockApply/jd/jdReviewSections.ts b/jobdri/src/components/mockApply/jd/jdReviewSections.ts
index 1f5ab6c..532a57d 100644
--- a/jobdri/src/components/mockApply/jd/jdReviewSections.ts
+++ b/jobdri/src/components/mockApply/jd/jdReviewSections.ts
@@ -1,3 +1,5 @@
+import type { JobPostingProfileColor } from "@/lib/api/jobPostings";
+
 export interface JdReviewSection {
   id: string;
   label: string;
@@ -15,6 +17,9 @@ export interface JdReviewJobPostingData {
 export interface JdReviewMetadata {
   companySize?: string | null;
   detailClassificationId?: number | null;
+  profileColor?: JobPostingProfileColor | null;
+  postingName?: string | null;
+  jobTitle?: string | null;
 }
 
 export const JD_REVIEW_STORAGE_KEY_PREFIX = "jobdri.jdReviewSections";
diff --git a/jobdri/src/components/mockApply/result/ResumeAnalysisDetail.tsx b/jobdri/src/components/mockApply/result/ResumeAnalysisDetail.tsx
index f29d500..9129954 100644
--- a/jobdri/src/components/mockApply/result/ResumeAnalysisDetail.tsx
+++ b/jobdri/src/components/mockApply/result/ResumeAnalysisDetail.tsx
@@ -46,8 +46,6 @@ function QuestionViewer({
     const sortedAnalyses = [...analyses].sort((a, b) => a.start - b.start);
     const result = [];
     let currentIndex = 0;
-    console.log("들어온 분석 데이터:", analyses);
-
     sortedAnalyses.forEach((analysis, idx) => {
       if (analysis.start > currentIndex) {
         result.push(
diff --git a/jobdri/src/components/mockApply/result/ResumeAnalysisFeedback.tsx b/jobdri/src/components/mockApply/result/ResumeAnalysisFeedback.tsx
index c2f90a3..4498034 100644
--- a/jobdri/src/components/mockApply/result/ResumeAnalysisFeedback.tsx
+++ b/jobdri/src/components/mockApply/result/ResumeAnalysisFeedback.tsx
@@ -1,8 +1,7 @@
 "use client";
 
 import { useState } from "react";
-import { useRouter } from "next/navigation";
-import { CtaFooter } from "@/components/common/cta";
+import clsx from "clsx";
 import Divider from "@/components/common/Divider";
 import Icon from "@/components/common/icons/Icon";
 import {
@@ -23,43 +22,11 @@ interface ResumeAnalysisFeedbackProps {
   analysisData: AnalysisResult;
 }
 
-const scoreItems = [
-  { label: "직무 적합성", score: 86, tone: "primary" },
-  { label: "정량적 성과", score: 72, tone: "danger" },
-  { label: "논리 구조", score: 86, tone: "primary" },
-] as const;
-
 const reviewTabs = [
   { id: "strengths", label: "핵심 강점" },
   { id: "weaknesses", label: "핵심 약점" },
 ];
 
-const strengthEvaluations = [
-  {
-    content: "직무 연관 경험이 명확하게 드러나요",
-    quote:
-      '"UX 리서치를 통해 핵심 불편 지점을 발굴하고, 이를 기능 개선으로 연결한 경..."',
-  },
-  {
-    content: "수치 기반 성과 서술이 신뢰감을 줘요",
-    quote:
-      '"리텐션율 23% 개선, MAU 15% 증가라는 정량적 결과를 이끌어낸 경험이..."',
-  },
-];
-
-const weaknessEvaluations = [
-  {
-    content: "멘트 더미텍스트입니다. 최대 한 줄",
-    quote:
-      "자소서 본문 인용 더미텍스트입니다. 최대 한 줄, 자소서 본문 인용 더미텍스트...",
-  },
-  {
-    content: "멘트 더미텍스트입니다. 최대 한 줄",
-    quote:
-      "자소서 본문 인용 더미텍스트입니다. 최대 한 줄, 자소서 본문 인용 더미텍스트...",
-  },
-];
-
 function ScoreSummaryIcon() {
   return (
     <span className="flex h-5 w-5 shrink-0" aria-hidden="true">
@@ -188,11 +155,17 @@ function ReviewSummaryCard({ data }: { data: AnalysisResult }) {
   const isStrengthTab = activeTabId === "strengths";
 
   const evaluations = isStrengthTab
-    ? data.keyStrengths || []
-    : data.keyWeaknesses || [];
+    ? data.keyStrengths
+    : data.keyWeaknesses;
+  const hasSingleEvaluation = evaluations.length === 1;
 
   return (
-    <aside className="flex min-w-[360px] max-w-[480px] [flex:1_0_0] flex-col items-start justify-between self-stretch rounded-card-l bg-bg-contents-default px-6 pt-4 pb-7">
+    <aside
+      className={clsx(
+        "flex min-w-[360px] max-w-[480px] [flex:1_0_0] flex-col items-start self-stretch rounded-card-l bg-bg-contents-default px-6 pt-4 pb-7",
+        hasSingleEvaluation ? "justify-start gap-5" : "justify-between",
+      )}
+    >
       <div className="flex h-9 items-center gap-2 self-stretch pl-1">
         <ReviewSummaryIcon />
         <span className="flex-1 text-label14-semibold text-text-neutral-description">
@@ -222,8 +195,6 @@ function ReviewSummaryCard({ data }: { data: AnalysisResult }) {
 }
 
 export default function ResumeAnalysisFeedback({
-  mockApplyId,
-  sequence,
   analysisData,
   children,
 }: ResumeAnalysisFeedbackProps) {
diff --git a/jobdri/src/hooks/useAnalysisResult.ts b/jobdri/src/hooks/useAnalysisResult.ts
index 926ea7b..b5afb0e 100644
--- a/jobdri/src/hooks/useAnalysisResult.ts
+++ b/jobdri/src/hooks/useAnalysisResult.ts
@@ -1,19 +1,50 @@
 import { useQuery } from "@tanstack/react-query";
-import { fetchAnalysisResult, type AnalysisResult } from "@/lib/api/result";
+import {
+  fetchAnalysisByJobPosting,
+  fetchAnalysisResult,
+  type AnalysisResult,
+} from "@/lib/api/result";
 
-export const useAnalysisResult = (mockApplyId?: number) => {
+export const useAnalysisResult = (
+  mockApplyId?: number,
+  jobPostingId?: number,
+  sequence?: number,
+) => {
   return useQuery<AnalysisResult, Error>({
-    queryKey: ["analysisResult", mockApplyId],
+    queryKey: [
+      "analysisResult",
+      mockApplyId,
+      jobPostingId ?? null,
+      sequence ?? null,
+    ],
 
     queryFn: async ({ signal }) => {
       if (!mockApplyId) throw new Error("mockApplyId가 없습니다.");
+
+      if (jobPostingId && sequence) {
+        const result = await fetchAnalysisByJobPosting(
+          jobPostingId,
+          sequence,
+          signal,
+        );
+
+        if (
+          result.mockApplyId > 0 &&
+          result.mockApplyId !== mockApplyId
+        ) {
+          throw new Error(
+            "요청한 지원서와 분석 결과 정보가 일치하지 않습니다.",
+          );
+        }
+
+        return result;
+      }
+
       return fetchAnalysisResult(mockApplyId, signal);
     },
 
-    // mockApplyId가 있을 때만 쿼리가 실행되도록 설정 (조건부 페칭)
     enabled: !!mockApplyId,
 
-    // 데이터 캐싱 시간 설정 (필요에 따라 조절)
-    staleTime: 1000 * 60 * 5, // 5분 동안은 캐시된 데이터 사용
+    staleTime: 1000 * 60 * 5,
   });
 };
diff --git a/jobdri/src/lib/api/analysis.ts b/jobdri/src/lib/api/analysis.ts
index 9a35eaf..44fc39f 100644
--- a/jobdri/src/lib/api/analysis.ts
+++ b/jobdri/src/lib/api/analysis.ts
@@ -1,95 +1,11 @@
-import {
-  API_BASE_URL,
-  getAuthHeaders,
-  parseApiResponse,
-} from "@/lib/api/client";
-
-export interface MissingKeyword {
-  keyword: string;
-  source: string;
-}
-
-export interface QuestionAnalysis {
-  questionAnalysisId: number;
-
-  sentence: string;
-  statua: string;
-  reason: string;
-  improvement: string;
-  stary: number;
-  end: number;
-}
-
-export interface QuestionResult {
-  questionId: number;
-  questionContent: string;
-  answer: string;
-  analyses: QuestionAnalysis[];
-}
-
-export interface AnalysisResultResponse {
-  mockApplyId: number;
-  analysisId: number;
-  status: string;
-  sequence: number;
-  score: number;
-  jobFit: number;
-  impact: number;
-  completeness: number;
-  feedback: string;
-  missingKeywords: MissingKeyword[];
-  questions: QuestionResult[];
-}
-
-export interface RequestAnalysisResponse {
-  taskId: string;
-  status: string;
-  message: string;
-}
-
-export async function requestAnalysis(mockApplyId: number) {
-  const response = await fetch(
-    `${API_BASE_URL}/api/mock-applies/${mockApplyId}/analysis`,
-    {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        ...getAuthHeaders(),
-      },
-    },
-  );
-
-  return await parseApiResponse<RequestAnalysisResponse>(
-    response,
-    "자소서 분석 요청에 실패했습니다.",
-  );
-}
-
-// GET 요청 함수
-export async function getAnalysisResult(
-  mockApplyId: number,
-): Promise<AnalysisResultResponse> {
-  const response = await fetch(
-    `${API_BASE_URL}/api/mock-applies/${mockApplyId}/analysis`,
-    {
-      method: "GET",
-      headers: {
-        "Content-Type": "application/json",
-        ...getAuthHeaders(),
-      },
-    },
-  );
-
-  if (!response.ok) {
-    const errorData = await response.json().catch(() => null);
-
-    if (errorData?.code === "ANALYSIS_4041") {
-      throw new Error("ANALYSIS_PENDING");
-    }
-
-    throw new Error(errorData?.message || "결과를 불러오는데 실패했습니다.");
-  }
-
-  const data = await response.json();
-  return data.result;
-}
+export {
+  fetchAnalysisByJobPosting,
+  fetchAnalysisResult as getAnalysisResult,
+  fetchAnalysisTaskStatus,
+  requestAnalysis,
+  subscribeAnalysisTaskStream,
+  type AnalysisResult as AnalysisResultResponse,
+  type AnalysisTaskStatus,
+  type AnalysisTaskStreamEvent,
+  type RequestAnalysisResponse,
+} from "@/lib/api/result";
diff --git a/jobdri/src/lib/api/client.ts b/jobdri/src/lib/api/client.ts
index 535571b..fc5446e 100644
--- a/jobdri/src/lib/api/client.ts
+++ b/jobdri/src/lib/api/client.ts
@@ -32,8 +32,9 @@ export function handleUnauthorized(): never {
 export async function parseApiResponse<T>(
   response: Response,
   fallbackMessage: string,
+  { redirectOnUnauthorized = true } = {},
 ): Promise<T> {
-  if (response.status === 401) {
+  if (response.status === 401 && redirectOnUnauthorized) {
     handleUnauthorized();
   }
 
diff --git a/jobdri/src/lib/api/credit.ts b/jobdri/src/lib/api/credit.ts
index b33ea62..091ca0c 100644
--- a/jobdri/src/lib/api/credit.ts
+++ b/jobdri/src/lib/api/credit.ts
@@ -1,6 +1,8 @@
-import { getAuthHeaders, handleUnauthorized } from "@/lib/api/client";
-
-const BASE_URL = process.env.NEXT_PUBLIC_API_BASE_URL;
+import {
+  API_BASE_URL,
+  getAuthHeaders,
+  handleUnauthorized,
+} from "@/lib/api/client";
 
 export type TransactionType = "CHARGE" | "USE" | "REFUND" | "COUPON";
 
@@ -19,16 +21,26 @@ interface ApiResponse<T> {
   error: string | null;
 }
 
-function checkResponse(response: Response, fallbackMessage: string): void {
-  if (response.status === 401) handleUnauthorized();
+function checkResponse(
+  response: Response,
+  fallbackMessage: string,
+  redirectOnUnauthorized = true,
+): void {
+  if (response.status === 401 && redirectOnUnauthorized) handleUnauthorized();
   if (!response.ok) throw new Error(fallbackMessage);
 }
 
-export async function fetchCreditBalance(): Promise<number> {
-  const response = await fetch(`${BASE_URL}/api/payments/credits/me`, {
+export async function fetchCreditBalance({
+  redirectOnUnauthorized = true,
+}: { redirectOnUnauthorized?: boolean } = {}): Promise<number> {
+  const response = await fetch(`${API_BASE_URL}/api/payments/credits/me`, {
     headers: getAuthHeaders(),
   });
-  checkResponse(response, "크레딧 잔액 조회에 실패했습니다.");
+  checkResponse(
+    response,
+    "크레딧 잔액 조회에 실패했습니다.",
+    redirectOnUnauthorized,
+  );
   const { result }: ApiResponse<{ creditBalance: number }> =
     await response.json();
   return result.creditBalance;
@@ -37,7 +49,9 @@ export async function fetchCreditBalance(): Promise<number> {
 export async function fetchCreditTransactions(
   type?: TransactionType,
 ): Promise<CreditTransaction[]> {
-  const url = new URL(`${BASE_URL}/api/payments/credits/me/transactions`);
+  const url = new URL(
+    `${API_BASE_URL}/api/payments/credits/me/transactions`,
+  );
   if (type) url.searchParams.set("type", type);
 
   const response = await fetch(url.toString(), {
@@ -59,7 +73,7 @@ export interface CreditPlan {
 }
 
 export async function fetchCreditPlans(): Promise<CreditPlan[]> {
-  const response = await fetch(`${BASE_URL}/api/payments/plans`, {
+  const response = await fetch(`${API_BASE_URL}/api/payments/plans`, {
     headers: getAuthHeaders(),
   });
   checkResponse(response, "크레딧 플랜 조회에 실패했습니다.");
@@ -80,7 +94,7 @@ export interface PreparePaymentResult {
 export async function preparePurchase(
   planCode: PlanCode,
 ): Promise<PreparePaymentResult> {
-  const response = await fetch(`${BASE_URL}/api/payments/prepare`, {
+  const response = await fetch(`${API_BASE_URL}/api/payments/prepare`, {
     method: "POST",
     headers: {
       ...getAuthHeaders(),
@@ -98,7 +112,7 @@ export async function confirmPurchase(
   orderId: string,
   amount: number,
 ): Promise<void> {
-  const response = await fetch(`${BASE_URL}/api/payments/confirm`, {
+  const response = await fetch(`${API_BASE_URL}/api/payments/confirm`, {
     method: "POST",
     headers: {
       ...getAuthHeaders(),
diff --git a/jobdri/src/lib/api/jobPostings.ts b/jobdri/src/lib/api/jobPostings.ts
index fdead38..bb87848 100644
--- a/jobdri/src/lib/api/jobPostings.ts
+++ b/jobdri/src/lib/api/jobPostings.ts
@@ -41,12 +41,24 @@ export interface JobPostingGenerated {
   summary: string;
 }
 
+export type JobPostingProfileColor =
+  | "DEFAULT"
+  | "RED"
+  | "ORANGE"
+  | "GREEN"
+  | "LIGHTBLUE"
+  | "BLUE"
+  | "PINK";
+
 export interface SavedJobPosting {
   jobPostingId: number;
   userId: number;
+  profileColor: JobPostingProfileColor;
+  postingName: string;
   companyId: number;
   companyName: string;
   companySize: string;
+  jobTitle: string;
   detailClassificationId: number;
   detailClassificationName: string;
   task: string;
@@ -55,8 +67,11 @@ export interface SavedJobPosting {
 }
 
 export interface JobPostingSavePayload {
+  profileColor: JobPostingProfileColor;
+  postingName: string;
   companyName: string;
   companySize: string;
+  jobTitle: string;
   detailClassificationId: number;
   task: string;
   requirement: string;
@@ -84,13 +99,20 @@ export interface JobPostingIngestStatus {
   status: string;
   message: string;
   error: string | null;
+  failureReason: string | null;
+  workerId: string | null;
+  retryCount: number;
+  maxRetryCount: number;
+  queueLatencyMillis: number;
   createdAt: string;
+  submittedAt: string | null;
+  lastAttemptAt: string | null;
   startedAt: string | null;
   completedAt: string | null;
   result: JobPostingProcessedResult | null;
 }
 
-interface JobPostingRequestInput {
+export interface JobPostingRequestInput {
   rawText?: string;
   sourceUrl?: string;
   imageObjectKey?: string;
@@ -271,7 +293,7 @@ async function uploadImageToPresignedUrl({
   }
 }
 
-export async function ingestJobPostingImage(file: File) {
+export async function uploadJobPostingImage(file: File) {
   const contentType = getImageContentType(file);
   const { objectKey, uploadUrl } =
     await createJobPostingImagePresignedUploadUrl({
@@ -285,6 +307,12 @@ export async function ingestJobPostingImage(file: File) {
     contentType,
   });
 
+  return objectKey;
+}
+
+export async function ingestJobPostingImage(file: File) {
+  const objectKey = await uploadJobPostingImage(file);
+
   return ingestJobPosting({ imageObjectKey: objectKey });
 }
 
@@ -304,7 +332,31 @@ export async function saveJobPosting(payload: JobPostingSavePayload) {
   );
 }
 
-export async function fetchMyJobPostings() {
+export async function updateJobPosting(
+  jobPostingId: number,
+  payload: JobPostingSavePayload,
+) {
+  const response = await fetchWithTimeout(
+    `${API_BASE_URL}/api/job-postings/${jobPostingId}`,
+    {
+      method: "PATCH",
+      headers: {
+        "Content-Type": "application/json",
+        ...getAuthHeaders(),
+      },
+      body: JSON.stringify(payload),
+    },
+  );
+
+  return parseApiResponse<SavedJobPosting>(
+    response,
+    "채용 공고 수정에 실패했습니다.",
+  );
+}
+
+export async function fetchMyJobPostings({
+  redirectOnUnauthorized = true,
+}: { redirectOnUnauthorized?: boolean } = {}) {
   const response = await fetchWithTimeout(`${API_BASE_URL}/api/job-postings/me`, {
     headers: getAuthHeaders(),
     cache: "no-store",
@@ -313,6 +365,7 @@ export async function fetchMyJobPostings() {
   const result = await parseApiResponse<SavedJobPosting[]>(
     response,
     "내 지원 데이터를 불러오지 못했습니다.",
+    { redirectOnUnauthorized },
   );
 
   return result ?? [];
@@ -392,13 +445,26 @@ export async function waitForJobPostingIngest(
   for (let attempt = 0; attempt < maxAttempts; attempt += 1) {
     const status = await fetchJobPostingIngestStatus(taskId);
 
-    if (status.result || isCompletedStatus(status.status)) {
+    if (status.result) {
       return status;
     }
 
-    if (status.error || isFailedStatus(status.status)) {
+    if (
+      status.error ||
+      status.failureReason ||
+      isFailedStatus(status.status)
+    ) {
+      throw new Error(
+        status.failureReason ||
+          status.error ||
+          status.message ||
+          "채용 공고 처리에 실패했습니다.",
+      );
+    }
+
+    if (isCompletedStatus(status.status)) {
       throw new Error(
-        status.error || status.message || "채용 공고 처리에 실패했습니다.",
+        status.message || "완료된 채용 공고 처리 결과를 확인할 수 없습니다.",
       );
     }
 
diff --git a/jobdri/src/lib/api/mockApplies.ts b/jobdri/src/lib/api/mockApplies.ts
index 74e8260..8edd3c7 100644
--- a/jobdri/src/lib/api/mockApplies.ts
+++ b/jobdri/src/lib/api/mockApplies.ts
@@ -3,6 +3,7 @@ import {
   getAuthHeaders,
   parseApiResponse,
 } from "@/lib/api/client";
+import type { JobPostingProfileColor } from "@/lib/api/jobPostings";
 
 export type JobPostingApplyType = "MOCK" | "ACTUAL";
 export type MockApplyProgressStatus =
@@ -39,6 +40,8 @@ export interface MockApplyHomeItem {
   jobPostingId: number;
   status: MockApplyProgressStatus | string;
   companyName: string;
+  profileColor?: JobPostingProfileColor | null;
+  postingName?: string | null;
   detailClassificationName?: string | null;
   jobTitle?: string | null;
   createdAt: string;
@@ -102,7 +105,11 @@ export function createApplyFromJobPosting({
 
 export async function fetchMyMockApplies({
   signal,
-}: { signal?: AbortSignal } = {}) {
+  redirectOnUnauthorized = true,
+}: {
+  signal?: AbortSignal;
+  redirectOnUnauthorized?: boolean;
+} = {}) {
   const response = await fetch(`${API_BASE_URL}/api/mock-applies/me`, {
     headers: getAuthHeaders(),
     cache: "no-store",
@@ -112,6 +119,7 @@ export async function fetchMyMockApplies({
   const result = await parseApiResponse<MockApplyHomeList>(
     response,
     "내 지원 데이터를 불러오지 못했습니다.",
+    { redirectOnUnauthorized },
   );
 
   return {
diff --git a/jobdri/src/lib/api/questions.ts b/jobdri/src/lib/api/questions.ts
index 21c5987..7bdc69e 100644
--- a/jobdri/src/lib/api/questions.ts
+++ b/jobdri/src/lib/api/questions.ts
@@ -35,6 +35,13 @@ export interface AnswerItem {
   answer: string;
 }
 
+interface SaveAnswerItem {
+  questionId?: number;
+  answer: string;
+  content?: string;
+  charLimit?: number;
+}
+
 export async function fetchQuestions(
   mockApplyId: number,
 ): Promise<QuestionItem[]> {
@@ -123,7 +130,7 @@ export interface SaveApplyResult {
 
 export async function saveApply(
   mockApplyId: number,
-  questionsData: QuestionApiItem[],
+  questionsData: SaveAnswerItem[],
 ): Promise<SaveApplyResult> {
   const response = await fetch(
     `${API_BASE_URL}/api/mock-applies/${mockApplyId}/questions/answers`,
@@ -164,29 +171,3 @@ export async function createCustomQuestionCandidate(
 
   return result!.questionId!;
 }
-
-export interface RequestAnalysisResponse {
-  taskId: string;
-  status: string;
-  message: string;
-}
-
-// 2. any 대신 방금 만든 타입 적용!
-export async function requestAnalysis(mockApplyId: number) {
-  const response = await fetch(
-    `${API_BASE_URL}/api/mock-applies/${mockApplyId}/analysis`,
-    {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        ...getAuthHeaders(),
-      },
-    },
-  );
-
-  // 제네릭에 any 대신 RequestAnalysisResponse를 넣어줍니다.
-  return await parseApiResponse<RequestAnalysisResponse>(
-    response,
-    "자소서 분석 요청에 실패했습니다.",
-  );
-}
diff --git a/jobdri/src/lib/api/result.ts b/jobdri/src/lib/api/result.ts
index 8beff09..ac7c946 100644
--- a/jobdri/src/lib/api/result.ts
+++ b/jobdri/src/lib/api/result.ts
@@ -1,6 +1,8 @@
 import {
+  type ApiResponse,
   API_BASE_URL,
   getAuthHeaders,
+  handleUnauthorized,
   parseApiResponse as parseApiResponseBase,
 } from "@/lib/api/client";
 
@@ -11,6 +13,13 @@ export class CreditInsufficientError extends Error {
   }
 }
 
+export class AnalysisPendingError extends Error {
+  constructor() {
+    super("자소서 분석이 진행 중입니다.");
+    this.name = "AnalysisPendingError";
+  }
+}
+
 export interface SequenceResult {
   jobPostingId: number;
   mockApplyId: number;
@@ -38,7 +47,6 @@ export interface AnalysisQuestion {
   questionContent: string;
   answer: string;
   analyses: QuestionAnalysis[];
-  improvement: string;
 }
 
 export interface KeyEvaluation {
@@ -56,12 +64,60 @@ export interface AnalysisResult {
   impact: number;
   completeness: number;
   feedback: string;
-  keyStrengths?: KeyEvaluation[];
-  keyWeaknesses?: KeyEvaluation[];
+  keyStrengths: KeyEvaluation[];
+  keyWeaknesses: KeyEvaluation[];
   missingKeywords: MissingKeyword[];
   questions: AnalysisQuestion[];
 }
 
+export interface RequestAnalysisResponse {
+  taskId: string;
+  status: string;
+  message: string;
+}
+
+export interface AnalysisTaskStatus {
+  taskId: string;
+  mockApplyId: number;
+  status: string;
+  message: string;
+  error: string | null;
+  failureReason: string | null;
+  workerId: string | null;
+  retryCount: number;
+  maxRetryCount: number;
+  queueLatencyMillis: number;
+  createdAt: string | null;
+  submittedAt: string | null;
+  lastAttemptAt: string | null;
+  startedAt: string | null;
+  completedAt: string | null;
+  result: AnalysisResult | null;
+}
+
+export interface AnalysisTaskStreamEvent {
+  event?: string;
+  id?: string;
+  retry?: number;
+  data: string;
+}
+
+export function normalizeAnalysisResult(result: AnalysisResult) {
+  return {
+    ...result,
+    keyStrengths: result.keyStrengths ?? [],
+    keyWeaknesses: result.keyWeaknesses ?? [],
+    missingKeywords: result.missingKeywords ?? [],
+    questions: (result.questions ?? []).map((question) => ({
+      ...question,
+      analyses: (question.analyses ?? []).map((analysis) => ({
+        ...analysis,
+        status: analysis.status.trim().toLowerCase(),
+      })),
+    })),
+  } satisfies AnalysisResult;
+}
+
 async function parseApiResponse<T>(
   response: Response,
   fallbackMessage: string,
@@ -103,27 +159,228 @@ export async function fetchAnalysisByJobPosting(
     signal,
   });
 
-  return parseApiResponse<AnalysisResult>(
-    response,
-    "자소서 분석에 실패했습니다.",
+  return normalizeAnalysisResult(
+    await parseApiResponse<AnalysisResult>(
+      response,
+      "자소서 분석에 실패했습니다.",
+    ),
   );
 }
 
-export async function runAnalysis(
-  mockApplyId: number,
-): Promise<AnalysisResult> {
+export async function requestAnalysis(mockApplyId: number) {
   const response = await fetch(
     `${API_BASE_URL}/api/mock-applies/${mockApplyId}/analysis`,
     {
       method: "POST",
-      headers: getAuthHeaders(),
+      headers: {
+        "Content-Type": "application/json",
+        ...getAuthHeaders(),
+      },
     },
   );
 
-  return parseApiResponse<AnalysisResult>(
+  return parseApiResponse<RequestAnalysisResponse>(
     response,
-    "자소서 분석 실행에 실패했습니다.",
+    "자소서 분석 요청에 실패했습니다.",
+  );
+}
+
+export async function fetchAnalysisTaskStatus(
+  mockApplyId: number,
+  taskId: string,
+  signal?: AbortSignal,
+): Promise<AnalysisTaskStatus> {
+  const response = await fetch(
+    `${API_BASE_URL}/api/mock-applies/${mockApplyId}/analysis/async/${encodeURIComponent(taskId)}`,
+    {
+      headers: getAuthHeaders(),
+      cache: "no-store",
+      signal,
+    },
+  );
+  const task = await parseApiResponse<AnalysisTaskStatus>(
+    response,
+    "자소서 분석 상태를 조회하지 못했습니다.",
+  );
+
+  return {
+    ...task,
+    result: task.result ? normalizeAnalysisResult(task.result) : null,
+  };
+}
+
+function parseAnalysisTaskStreamEvent(
+  eventBlock: string,
+): AnalysisTaskStreamEvent | null {
+  const dataLines: string[] = [];
+  let event: string | undefined;
+  let id: string | undefined;
+  let retry: number | undefined;
+
+  eventBlock
+    .replace(/\r\n/g, "\n")
+    .replace(/\r/g, "\n")
+    .split("\n")
+    .forEach((line) => {
+      if (!line || line.startsWith(":")) {
+        return;
+      }
+
+      const separatorIndex = line.indexOf(":");
+      const field =
+        separatorIndex === -1 ? line : line.slice(0, separatorIndex);
+      const rawValue =
+        separatorIndex === -1 ? "" : line.slice(separatorIndex + 1);
+      const value = rawValue.startsWith(" ") ? rawValue.slice(1) : rawValue;
+
+      if (field === "data") {
+        dataLines.push(value);
+      } else if (field === "event") {
+        event = value;
+      } else if (field === "id") {
+        id = value;
+      } else if (field === "retry") {
+        const parsedRetry = Number(value);
+        if (Number.isFinite(parsedRetry)) {
+          retry = parsedRetry;
+        }
+      }
+    });
+
+  if (dataLines.length === 0 && !event && !id) {
+    return null;
+  }
+
+  return {
+    event,
+    id,
+    retry,
+    data: dataLines.join("\n"),
+  };
+}
+
+function findAnalysisTaskStreamEventBoundary(value: string) {
+  const separators = ["\r\n\r\n", "\n\n", "\r\r"];
+  let firstMatch: { index: number; length: number } | null = null;
+
+  for (const separator of separators) {
+    const index = value.indexOf(separator);
+
+    if (index === -1 || (firstMatch && index >= firstMatch.index)) {
+      continue;
+    }
+
+    firstMatch = { index, length: separator.length };
+  }
+
+  return firstMatch;
+}
+
+export async function subscribeAnalysisTaskStream(
+  mockApplyId: number,
+  taskId: string,
+  {
+    signal,
+    onEvent,
+  }: {
+    signal?: AbortSignal;
+    onEvent: (event: AnalysisTaskStreamEvent) => void;
+  },
+): Promise<void> {
+  const response = await fetch(
+    `${API_BASE_URL}/api/mock-applies/${mockApplyId}/analysis/async/${encodeURIComponent(taskId)}/stream`,
+    {
+      headers: {
+        Accept: "text/event-stream",
+        ...getAuthHeaders(),
+      },
+      cache: "no-store",
+      signal,
+    },
   );
+
+  if (response.status === 401) {
+    handleUnauthorized();
+  }
+
+  if (!response.ok) {
+    throw new Error("자소서 분석 실시간 상태 연결에 실패했습니다.");
+  }
+
+  if (!response.body) {
+    throw new Error("자소서 분석 실시간 상태 응답을 확인할 수 없습니다.");
+  }
+
+  const reader = response.body.getReader();
+  const decoder = new TextDecoder();
+  let buffer = "";
+
+  const emitBufferedEvents = (flush = false) => {
+    let boundary = findAnalysisTaskStreamEventBoundary(buffer);
+
+    while (boundary) {
+      const eventBlock = buffer.slice(0, boundary.index);
+      buffer = buffer.slice(boundary.index + boundary.length);
+      const event = parseAnalysisTaskStreamEvent(eventBlock);
+
+      if (event) {
+        onEvent(event);
+      }
+
+      boundary = findAnalysisTaskStreamEventBoundary(buffer);
+    }
+
+    if (flush && buffer.trim()) {
+      const event = parseAnalysisTaskStreamEvent(buffer);
+      if (event) {
+        onEvent(event);
+      }
+      buffer = "";
+    }
+  };
+
+  try {
+    while (true) {
+      const { done, value } = await reader.read();
+
+      if (done) {
+        buffer += decoder.decode();
+        emitBufferedEvents(true);
+        return;
+      }
+
+      buffer += decoder.decode(value, { stream: true });
+      emitBufferedEvents();
+    }
+  } finally {
+    reader.releaseLock();
+  }
+}
+
+async function parseAnalysisResultResponse(response: Response) {
+  if (response.status === 401) {
+    handleUnauthorized();
+  }
+
+  let data: ApiResponse<AnalysisResult> | null = null;
+
+  try {
+    data = (await response.json()) as ApiResponse<AnalysisResult>;
+  } catch {
+    throw new Error("자소서 분석 결과 응답을 확인할 수 없습니다.");
+  }
+
+  if (data.code === "ANALYSIS_4041") {
+    throw new AnalysisPendingError();
+  }
+
+  if (!response.ok || !data.isSuccess || !data.result) {
+    throw new Error(
+      data.error || data.message || "자소서 분석 결과를 불러오지 못했습니다.",
+    );
+  }
+
+  return normalizeAnalysisResult(data.result);
 }
 
 export async function fetchAnalysisResult(
@@ -135,12 +392,10 @@ export async function fetchAnalysisResult(
     {
       method: "GET",
       headers: getAuthHeaders(),
+      cache: "no-store",
       signal,
     },
   );
 
-  return parseApiResponse<AnalysisResult>(
-    response,
-    "자소서 분석 결과를 불러오는데 실패했습니다.",
-  );
+  return parseAnalysisResultResponse(response);
 }