diff --git a/frontend/src/context/AdminClubContext.tsx b/frontend/src/context/AdminClubContext.tsx
index 144fa437a..449b7aa55 100644
--- a/frontend/src/context/AdminClubContext.tsx
+++ b/frontend/src/context/AdminClubContext.tsx
@@ -6,12 +6,10 @@ interface AdminClubContextType {
   setClubId: (id: string | null) => void;
   applicantsData: ApplicantsInfo | null;
   setApplicantsData: (data: ApplicantsInfo | null) => void;
-  applicationFormId: string | null; 
-  setApplicationFormId: (id: string | null) => void;
 }
 
 const AdminClubContext = createContext<AdminClubContextType | undefined>(
-  undefined
+  undefined,
 );
 
 export const AdminClubProvider = ({
@@ -20,18 +18,19 @@ export const AdminClubProvider = ({
   children: React.ReactNode;
 }) => {
   const [clubId, setClubId] = useState<string | null>(null);
-  const [applicantsData, setApplicantsData] = useState<ApplicantsInfo | null>(null);
-  const [applicationFormId, setApplicationFormId] = useState<string | null>(null);
+  const [applicantsData, setApplicantsData] = useState<ApplicantsInfo | null>(
+    null,
+  );
 
   return (
-    <AdminClubContext.Provider value={{ 
-      clubId, 
-      setClubId, 
-      applicantsData, 
-      setApplicantsData, 
-      applicationFormId,
-      setApplicationFormId,
-    }}>
+    <AdminClubContext.Provider
+      value={{
+        clubId,
+        setClubId,
+        applicantsData,
+        setApplicantsData,
+      }}
+    >
       {children}
     </AdminClubContext.Provider>
   );
diff --git a/frontend/src/pages/AdminPage/AdminRoutes.tsx b/frontend/src/pages/AdminPage/AdminRoutes.tsx
index 202d216a6..ad3e85632 100644
--- a/frontend/src/pages/AdminPage/AdminRoutes.tsx
+++ b/frontend/src/pages/AdminPage/AdminRoutes.tsx
@@ -21,6 +21,10 @@ export default function AdminRoutes() {
         <Route path='photo-edit' element={<PhotoEditTab />} />
         <Route path='account-edit' element={<AccountEditTab />} />
         <Route path='application-list' element={<ApplicationListTab />} />
+        <Route
+          path='application-list/:applicationFormId/edit'
+          element={<ApplicationEditTab />}
+        />
         <Route path='application-list/edit' element={<ApplicationEditTab />} />
         <Route path='applicants-list' element={<ApplicantsListTab />} />
         <Route
diff --git a/frontend/src/pages/AdminPage/tabs/ApplicantsTab/ApplicantDetailPage/ApplicantDetailPage.tsx b/frontend/src/pages/AdminPage/tabs/ApplicantsTab/ApplicantDetailPage/ApplicantDetailPage.tsx
index 420723647..235897080 100644
--- a/frontend/src/pages/AdminPage/tabs/ApplicantsTab/ApplicantDetailPage/ApplicantDetailPage.tsx
+++ b/frontend/src/pages/AdminPage/tabs/ApplicantsTab/ApplicantDetailPage/ApplicantDetailPage.tsx
@@ -32,13 +32,17 @@ const getStatusColor = (status: ApplicationStatus | undefined): string => {
 };
 
 const ApplicantDetailPage = () => {
-  const { questionId } = useParams<{ questionId: string }>();
+  const { questionId, applicationFormId } = useParams<{
+    questionId: string;
+    applicationFormId: string;
+  }>();
+
   const navigate = useNavigate();
   const [applicantMemo, setAppMemo] = useState('');
   const [applicantStatus, setApplicantStatus] = useState<ApplicationStatus>(
     ApplicationStatus.SUBMITTED,
   );
-  const { applicantsData, clubId, applicationFormId } = useAdminClubContext();
+  const { applicantsData, clubId } = useAdminClubContext();
 
   const applicantIndex =
     applicantsData?.applicants.findIndex((a) => a.id === questionId) ?? -1;
@@ -49,7 +53,9 @@ const ApplicantDetailPage = () => {
     isLoading,
     isError,
   } = useGetApplication(clubId!, applicationFormId ?? undefined);
-  const { mutate: updateApplicant } = useUpdateApplicant(applicationFormId ?? undefined);
+  const { mutate: updateApplicant } = useUpdateApplicant(
+    applicationFormId ?? undefined,
+  );
 
   useEffect(() => {
     if (applicant) {
@@ -144,7 +150,9 @@ const ApplicantDetailPage = () => {
             <select
               id='applicantSelect'
               value={applicant.id}
-              onChange={(e) => navigate(`/admin/applicants-lsit/${e.target.value}`)}
+              onChange={(e) =>
+                navigate(`/admin/applicants-list/${e.target.value}`)
+              }
             >
               {applicantsData.applicants.map((a) => (
                 <option key={a.id} value={a.id}>
@@ -184,7 +192,7 @@ const ApplicantDetailPage = () => {
 
       <Styled.ApplicantInfoContainer>
         <Styled.QuestionsWrapper style={{ cursor: 'default' }}>
-          {formData.questions.map((q: Question, i: number) => (
+          {formData.questions?.map((q: Question, i: number) => (
             <QuestionContainer key={q.id} hasError={false}>
               <QuestionAnswerer
                 question={q}
diff --git a/frontend/src/pages/AdminPage/tabs/ApplicantsTab/ApplicantsListTab/ApplicantsListTab.tsx b/frontend/src/pages/AdminPage/tabs/ApplicantsTab/ApplicantsListTab/ApplicantsListTab.tsx
index ea7052927..7a8cd80e3 100644
--- a/frontend/src/pages/AdminPage/tabs/ApplicantsTab/ApplicantsListTab/ApplicantsListTab.tsx
+++ b/frontend/src/pages/AdminPage/tabs/ApplicantsTab/ApplicantsListTab/ApplicantsListTab.tsx
@@ -6,25 +6,25 @@ import React, { useState, useRef, useEffect } from 'react';
 import ApplicationMenu from '../../ApplicationListTab/ApplicationMenu';
 import { useGetApplicationlist } from '@/hooks/queries/application/useGetApplicationlist';
 import Spinner from '@/components/common/Spinner/Spinner';
-import { useAdminClubContext } from '@/context/AdminClubContext';
 // import { useDeleteApplication } from '@/hooks/queries/application/useDeleteApplication';
 import { ApplicationFormItem, SemesterGroup } from '@/types/application';
 
 const ApplicationListTab = () => {
-  const {data: allforms, isLoading, isError, error} = useGetApplicationlist();
+  const { data: allforms, isLoading, isError, error } = useGetApplicationlist();
   const navigate = useNavigate();
-  const { setApplicationFormId } = useAdminClubContext();
   // const { mutate: deleteApplication } = useDeleteApplication();
 
   const handleGoToNewForm = () => {
-    setApplicationFormId(null);
     navigate('/admin/application-list/edit');
   };
   const handleGoToDetailForm = (applicationFormId: string) => {
-    setApplicationFormId(applicationFormId);
     navigate(`/admin/applicants-list/${applicationFormId}`);
-  }
+  };
 
+  /**
+   * @TODO
+   * 백엔드 지원서 삭제 API 구현 후 주석 해제
+   */
   // const handleDeleteApplication = (applicationFormId: string) => {
   //   // 사용자에게 재확인
   //   if (window.confirm('지원서 양식을 정말 삭제하시겠습니까?\n삭제된 양식은 복구할 수 없습니다.')) {
@@ -78,7 +78,10 @@ const ApplicationListTab = () => {
   const formatDateTime = (dateTimeString: string) => {
     const now = new Date();
     const date = new Date(dateTimeString);
-    const isToday = now.getFullYear() === date.getFullYear() && now.getMonth() === date.getMonth() && now.getDate() === date.getDate();
+    const isToday =
+      now.getFullYear() === date.getFullYear() &&
+      now.getMonth() === date.getMonth() &&
+      now.getDate() === date.getDate();
     if (isToday) {
       // [오늘 날짜인 경우] 시간만 표시
       return date.toLocaleString('ko-KR', {
@@ -105,49 +108,56 @@ const ApplicationListTab = () => {
         </Styled.AddButton>
       </Styled.Header>
       {semesterGroups.map((group: SemesterGroup) => {
-        const semesterTermLabel = group.semesterTerm === 'FIRST' ? '1학기' : '2학기';
+        const semesterTermLabel =
+          group.semesterTerm === 'FIRST' ? '1학기' : '2학기';
         const semesterTitle = `${group.semesterYear}년 ${semesterTermLabel}`;
         return (
-        <Styled.ApplicationList key={semesterTitle}>
-          <Styled.ListHeader>
-            <Styled.SemesterTitle>{semesterTitle}</Styled.SemesterTitle>
-            <Styled.DateHeader>
-              <Styled.Separation_Bar />
-              최종 수정 날짜
-            </Styled.DateHeader>
-          </Styled.ListHeader>
-          {(group.forms.map((application: ApplicationFormItem) => {
-            const isActive = application.status === 'ACTIVE';
-            return (
-            <Styled.ApplicationRow key={application.id}>
-              <Styled.ApplicationTitle $active={isActive} onClick={() => handleGoToDetailForm(application.id)}>
-                {application.title}
-              </Styled.ApplicationTitle>
-              <Styled.ApplicationDatetable>
-                <Styled.ApplicationDate>
-                  {formatDateTime(application.editedAt)}
-                </Styled.ApplicationDate>
-                <Styled.MoreButtonContainer
-                  ref={openMenuId === application.id ? menuRef : null}
-                >
-                  <Styled.MoreButton
-                    onClick={(e) => handleMoreButtonClick(e, application.id)}
+          <Styled.ApplicationList key={semesterTitle}>
+            <Styled.ListHeader>
+              <Styled.SemesterTitle>{semesterTitle}</Styled.SemesterTitle>
+              <Styled.DateHeader>
+                <Styled.Separation_Bar />
+                최종 수정 날짜
+              </Styled.DateHeader>
+            </Styled.ListHeader>
+            {group.forms.map((application: ApplicationFormItem) => {
+              const isActive = application.status === 'ACTIVE';
+              return (
+                <Styled.ApplicationRow key={application.id}>
+                  <Styled.ApplicationTitle
+                    $active={isActive}
+                    onClick={() => handleGoToDetailForm(application.id)}
                   >
-                    <Styled.MoreButtonIcon src={Morebutton} />
-                  </Styled.MoreButton>
-                  {openMenuId === application.id && (
-                    <ApplicationMenu
-                      isActive={isActive}
-                      // onDelete={() => handleDeleteApplication(application.id)}
-                    />
-                  )}
-                </Styled.MoreButtonContainer>
-              </Styled.ApplicationDatetable>
-            </Styled.ApplicationRow>
-            );
-          }))}
-        </Styled.ApplicationList>
-      )})}
+                    {application.title}
+                  </Styled.ApplicationTitle>
+                  <Styled.ApplicationDatetable>
+                    <Styled.ApplicationDate>
+                      {formatDateTime(application.editedAt)}
+                    </Styled.ApplicationDate>
+                    <Styled.MoreButtonContainer
+                      ref={openMenuId === application.id ? menuRef : null}
+                    >
+                      <Styled.MoreButton
+                        onClick={(e) =>
+                          handleMoreButtonClick(e, application.id)
+                        }
+                      >
+                        <Styled.MoreButtonIcon src={Morebutton} />
+                      </Styled.MoreButton>
+                      {openMenuId === application.id && (
+                        <ApplicationMenu
+                          isActive={isActive}
+                          // onDelete={() => handleDeleteApplication(application.id)}
+                        />
+                      )}
+                    </Styled.MoreButtonContainer>
+                  </Styled.ApplicationDatetable>
+                </Styled.ApplicationRow>
+              );
+            })}
+          </Styled.ApplicationList>
+        );
+      })}
     </Styled.Container>
   );
 };
diff --git a/frontend/src/pages/AdminPage/tabs/ApplicantsTab/ApplicantsTab.tsx b/frontend/src/pages/AdminPage/tabs/ApplicantsTab/ApplicantsTab.tsx
index a395a7561..f538fca29 100644
--- a/frontend/src/pages/AdminPage/tabs/ApplicantsTab/ApplicantsTab.tsx
+++ b/frontend/src/pages/AdminPage/tabs/ApplicantsTab/ApplicantsTab.tsx
@@ -2,7 +2,7 @@ import { useAdminClubContext } from '@/context/AdminClubContext';
 import { Applicant, ApplicationStatus } from '@/types/applicants';
 import React, { useEffect, useMemo, useRef, useState } from 'react';
 import * as Styled from './ApplicantsTab.styles';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate, useParams } from 'react-router-dom';
 import { useDeleteApplicants } from '@/hooks/queries/applicants/useDeleteApplicants';
 import SearchField from '@/components/common/SearchField/SearchField';
 import mapStatusToGroup from '@/utils/mapStatusToGroup';
@@ -15,6 +15,8 @@ import { CustomDropDown } from '@/components/common/CustomDropDown/CustomDropDow
 import { useGetApplicants } from '@/hooks/queries/applicants/useGetApplicants';
 
 const ApplicantsTab = () => {
+  const { applicationFormId } = useParams<{ applicationFormId: string }>();
+
   const statusOptions = AVAILABLE_STATUSES.map((status) => ({
     value: status,
     label: mapStatusToGroup(status).label,
@@ -36,8 +38,12 @@ const ApplicantsTab = () => {
   ] as const;
 
   const navigate = useNavigate();
-  const { clubId, applicantsData, applicationFormId, setApplicantsData } = useAdminClubContext();
-  const { data: fetchData, isLoading, isError } = useGetApplicants(applicationFormId ?? '');
+  const { clubId, applicantsData, setApplicantsData } = useAdminClubContext();
+  const {
+    data: fetchData,
+    isLoading,
+    isError,
+  } = useGetApplicants(applicationFormId ?? '');
   const [keyword, setKeyword] = useState('');
   const [checkedItem, setCheckedItem] = useState<Map<string, boolean>>(
     new Map(),
@@ -56,7 +62,7 @@ const ApplicantsTab = () => {
   useEffect(() => {
     if (fetchData) {
       setApplicantsData(fetchData);
-    } 
+    }
   }, [fetchData, setApplicantsData]);
 
   // 모든 드롭다운을 닫는 함수
@@ -67,7 +73,9 @@ const ApplicantsTab = () => {
     if (isSortOpen) setIsSortOpen(false);
   };
   const { mutate: deleteApplicants } = useDeleteApplicants(clubId!);
-  const { mutate: updateDetailApplicants } = useUpdateApplicant(applicationFormId ?? '');
+  const { mutate: updateDetailApplicants } = useUpdateApplicant(
+    applicationFormId ?? '',
+  );
   const dropdownRef = useRef<Array<HTMLDivElement | null>>([]);
 
   const filteredApplicants = useMemo(() => {
@@ -479,7 +487,11 @@ const ApplicantsTab = () => {
             {filteredApplicants.map((item: Applicant, index: number) => (
               <Styled.ApplicantTableRow
                 key={index}
-                onClick={() => navigate(`/admin/applicants-list/${applicationFormId}/${item.id}`)}
+                onClick={() =>
+                  navigate(
+                    `/admin/applicants-list/${applicationFormId}/${item.id}`,
+                  )
+                }
                 style={{ cursor: 'pointer' }}
               >
                 <Styled.ApplicantTableCol>
diff --git a/frontend/src/pages/AdminPage/tabs/ApplicationEditTab/ApplicationEditTab.tsx b/frontend/src/pages/AdminPage/tabs/ApplicationEditTab/ApplicationEditTab.tsx
index db11a587c..24f74efaf 100644
--- a/frontend/src/pages/AdminPage/tabs/ApplicationEditTab/ApplicationEditTab.tsx
+++ b/frontend/src/pages/AdminPage/tabs/ApplicationEditTab/ApplicationEditTab.tsx
@@ -14,13 +14,16 @@ import { updateApplication } from '@/apis/application/updateApplication';
 import CustomTextArea from '@/components/common/CustomTextArea/CustomTextArea';
 import { APPLICATION_FORM } from '@/constants/APPLICATION_FORM';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate, useParams } from 'react-router-dom';
 import Button from '@/components/common/Button/Button';
 
 const ApplicationEditTab = () => {
   const navigate = useNavigate();
   const queryClient = useQueryClient();
-  const { clubId, applicationFormId: formId } = useAdminClubContext();
+  const { applicationFormId: formId } = useParams<{
+    applicationFormId?: string;
+  }>();
+  const { clubId } = useAdminClubContext();
 
   const {
     data: existingFormData,
diff --git a/frontend/src/pages/AdminPage/tabs/ApplicationListTab/ApplicationListTab.tsx b/frontend/src/pages/AdminPage/tabs/ApplicationListTab/ApplicationListTab.tsx
index ec1f111a2..2431ed9f8 100644
--- a/frontend/src/pages/AdminPage/tabs/ApplicationListTab/ApplicationListTab.tsx
+++ b/frontend/src/pages/AdminPage/tabs/ApplicationListTab/ApplicationListTab.tsx
@@ -6,28 +6,28 @@ import React, { useState, useRef, useEffect } from 'react';
 import ApplicationMenu from './ApplicationMenu';
 import { useGetApplicationlist } from '@/hooks/queries/application/useGetApplicationlist';
 import Spinner from '@/components/common/Spinner/Spinner';
-import { useAdminClubContext } from '@/context/AdminClubContext';
 // import { useDeleteApplication } from '@/hooks/queries/application/useDeleteApplication';
 import { ApplicationFormItem, SemesterGroup } from '@/types/application';
 import { updateApplicationStatus } from '@/apis/application/updateApplication';
 import { useQueryClient } from '@tanstack/react-query';
 
 const ApplicationListTab = () => {
-  const {data: allforms, isLoading, isError, error} = useGetApplicationlist();
+  const { data: allforms, isLoading, isError, error } = useGetApplicationlist();
   const queryClient = useQueryClient();
   const navigate = useNavigate();
-  const { setApplicationFormId } = useAdminClubContext();
   // const { mutate: deleteApplication } = useDeleteApplication();
 
   const handleGoToNewForm = () => {
-    setApplicationFormId(null);
     navigate('/admin/application-list/edit');
   };
   const handleGoToEditForm = (applicationFormId: string) => {
-    setApplicationFormId(applicationFormId);
-    navigate(`/admin/application-list/edit`);
-  }
+    navigate(`/admin/application-list/${applicationFormId}/edit`);
+  };
 
+  /**
+   * @TODO
+   * 백엔드 지원서 삭제 API 구현 후 주석 해제
+   */
   // const handleDeleteApplication = (applicationFormId: string) => {
   //   // 사용자에게 재확인
   //   if (window.confirm('지원서 양식을 정말 삭제하시겠습니까?\n삭제된 양식은 복구할 수 없습니다.')) {
@@ -41,19 +41,19 @@ const ApplicationListTab = () => {
   //   }
   // };
 
-  const handleToggleClick = async (applicationFormId: string, currentStatus: string) => {
-  try {
-    await updateApplicationStatus(
-      applicationFormId,
-      currentStatus
-    );
-    queryClient.invalidateQueries({ queryKey: ['applicationForm'] });
-    setOpenMenuId(null);
-  } catch (error) {
-    console.error('지원서 상태 변경 실패:', error);
-    alert("상태 변경에 실패했습니다.");
-  }
-};
+  const handleToggleClick = async (
+    applicationFormId: string,
+    currentStatus: string,
+  ) => {
+    try {
+      await updateApplicationStatus(applicationFormId, currentStatus);
+      queryClient.invalidateQueries({ queryKey: ['applicationForm'] });
+      setOpenMenuId(null);
+    } catch (error) {
+      console.error('지원서 상태 변경 실패:', error);
+      alert('상태 변경에 실패했습니다.');
+    }
+  };
 
   const [openMenuId, setOpenMenuId] = useState<string | null>(null);
 
@@ -95,7 +95,10 @@ const ApplicationListTab = () => {
   const formatDateTime = (dateTimeString: string) => {
     const now = new Date();
     const date = new Date(dateTimeString);
-    const isToday = now.getFullYear() === date.getFullYear() && now.getMonth() === date.getMonth() && now.getDate() === date.getDate();
+    const isToday =
+      now.getFullYear() === date.getFullYear() &&
+      now.getMonth() === date.getMonth() &&
+      now.getDate() === date.getDate();
     if (isToday) {
       // [오늘 날짜인 경우] 시간만 표시
       return date.toLocaleString('ko-KR', {
@@ -122,50 +125,62 @@ const ApplicationListTab = () => {
         </Styled.AddButton>
       </Styled.Header>
       {semesterGroups.map((group: SemesterGroup) => {
-        const semesterTermLabel = group.semesterTerm === 'FIRST' ? '1학기' : '2학기';
+        const semesterTermLabel =
+          group.semesterTerm === 'FIRST' ? '1학기' : '2학기';
         const semesterTitle = `${group.semesterYear}년 ${semesterTermLabel}`;
         return (
-        <Styled.ApplicationList key={semesterTitle}>
-          <Styled.ListHeader>
-            <Styled.SemesterTitle>{semesterTitle}</Styled.SemesterTitle>
-            <Styled.DateHeader>
-              <Styled.Separation_Bar />
-              최종 수정 날짜
-            </Styled.DateHeader>
-          </Styled.ListHeader>
-          {(group.forms.map((application: ApplicationFormItem) => {
-            const isActive = application.status === 'ACTIVE';
-            return (
-            <Styled.ApplicationRow key={application.id}>
-              <Styled.ApplicationTitle $active={isActive} onClick={() => handleGoToEditForm(application.id)}>
-                {application.title}
-              </Styled.ApplicationTitle>
-              <Styled.ApplicationDatetable>
-                <Styled.ApplicationDate>
-                  {formatDateTime(application.editedAt)}
-                </Styled.ApplicationDate>
-                <Styled.MoreButtonContainer
-                  ref={openMenuId === application.id ? menuRef : null}
-                >
-                  <Styled.MoreButton
-                    onClick={(e) => handleMoreButtonClick(e, application.id)}
+          <Styled.ApplicationList key={semesterTitle}>
+            <Styled.ListHeader>
+              <Styled.SemesterTitle>{semesterTitle}</Styled.SemesterTitle>
+              <Styled.DateHeader>
+                <Styled.Separation_Bar />
+                최종 수정 날짜
+              </Styled.DateHeader>
+            </Styled.ListHeader>
+            {group.forms.map((application: ApplicationFormItem) => {
+              const isActive = application.status === 'ACTIVE';
+              return (
+                <Styled.ApplicationRow key={application.id}>
+                  <Styled.ApplicationTitle
+                    $active={isActive}
+                    onClick={() => handleGoToEditForm(application.id)}
                   >
-                    <Styled.MoreButtonIcon src={Morebutton} />
-                  </Styled.MoreButton>
-                  {openMenuId === application.id && (
-                    <ApplicationMenu
-                      isActive={isActive}
-                      // onDelete={() => handleDeleteApplication(application.id)}
-                      onToggleStatus={() => handleToggleClick(application.id, application.status)}
-                    />
-                  )}
-                </Styled.MoreButtonContainer>
-              </Styled.ApplicationDatetable>
-            </Styled.ApplicationRow>
-            );
-          }))}
-        </Styled.ApplicationList>
-      )})}
+                    {application.title}
+                  </Styled.ApplicationTitle>
+                  <Styled.ApplicationDatetable>
+                    <Styled.ApplicationDate>
+                      {formatDateTime(application.editedAt)}
+                    </Styled.ApplicationDate>
+                    <Styled.MoreButtonContainer
+                      ref={openMenuId === application.id ? menuRef : null}
+                    >
+                      <Styled.MoreButton
+                        onClick={(e) =>
+                          handleMoreButtonClick(e, application.id)
+                        }
+                      >
+                        <Styled.MoreButtonIcon src={Morebutton} />
+                      </Styled.MoreButton>
+                      {openMenuId === application.id && (
+                        <ApplicationMenu
+                          isActive={isActive}
+                          // onDelete={() => handleDeleteApplication(application.id)}
+                          onToggleStatus={() =>
+                            handleToggleClick(
+                              application.id,
+                              application.status,
+                            )
+                          }
+                        />
+                      )}
+                    </Styled.MoreButtonContainer>
+                  </Styled.ApplicationDatetable>
+                </Styled.ApplicationRow>
+              );
+            })}
+          </Styled.ApplicationList>
+        );
+      })}
     </Styled.Container>
   );
 };