diff --git a/components/LoginChecker.tsx b/components/LoginChecker.tsx
index 98d4676ce..5a5d17532 100644
--- a/components/LoginChecker.tsx
+++ b/components/LoginChecker.tsx
@@ -7,8 +7,6 @@ interface LoginCheckerProps {
 }
 
 export default function LoginChecker({ children }: LoginCheckerProps) {
-  // return <>{children}</>;
-
   const [isLoading, loggedIn] = useLoginCheck();
   // return <>{children}</>;
 
diff --git a/components/agenda/Form/CreateTeamForm.tsx b/components/agenda/Form/CreateTeamForm.tsx
index 8028b47ee..44bf36264 100644
--- a/components/agenda/Form/CreateTeamForm.tsx
+++ b/components/agenda/Form/CreateTeamForm.tsx
@@ -1,4 +1,5 @@
 import router from 'next/router';
+import { useEffect, useState } from 'react';
 import { SetterOrUpdater, useSetRecoilState } from 'recoil';
 import { agendaModal } from 'types/agenda/modalTypes';
 import { TeamDetailProps } from 'types/agenda/teamDetail/TeamDetailTypes';
@@ -9,10 +10,12 @@ import CheckBoxInput from 'components/agenda/Input/CheckboxInput';
 import DescriptionInput from 'components/agenda/Input/DescriptionInput';
 import SelectInput from 'components/agenda/Input/SelectInput';
 import TitleInput from 'components/agenda/Input/TitleInput';
+import { useModal } from 'components/agenda/modal/useModal';
+import AgendaLoading from 'components/agenda/utils/AgendaLoading';
+import useAgendaTeamKey from 'hooks/agenda/useAgendaTeamKey';
 import useFetchRequest from 'hooks/agenda/useFetchRequest';
 import styles from 'styles/agenda/Form/Form.module.scss';
-import { useModal } from '../modal/useModal';
-
+AgendaLoading;
 const teamlocation = ['SEOUL', 'GYEONGSAN', 'NIX'];
 interface CreateTeamFormProps {
   location: AgendaLocation | null;
@@ -38,6 +41,7 @@ const transformFormData = (formData: FormData) => {
 
   return data;
 };
+
 const teamdataToMsg = (data: { [key: string]: string }) => {
   const msgdata: { [key: string]: string } = {};
   let msg = '';
@@ -59,7 +63,8 @@ const SubmitTeamForm = (
   agendaKey: string,
   openModal: (props: agendaModal) => void,
   teamKey?: string,
-  onProceed?: () => void
+  onProceed?: () => void,
+  handleConvert?: () => void
 ) => {
   target.preventDefault();
 
@@ -112,8 +117,11 @@ const SubmitTeamForm = (
         (res: any) => {
           if (isEdit) {
             onProceed && onProceed();
+            handleConvert && handleConvert();
           } else {
-            router.push(`/agenda/${agendaKey}/${res.teamKey}`);
+            router.push(
+              `/agenda/detail/team?agenda_key=${agendaKey}&team_key=${res.teamKey}`
+            );
           }
         },
         (err: string) => {
@@ -133,9 +141,21 @@ const CreateTeamForm = ({
   handleConvert,
 }: CreateTeamFormProps) => {
   const sendRequest = useFetchRequest().sendRequest;
-  const { teamUID } = router.query;
+  const teamUID = useAgendaTeamKey();
   const { openModal } = useModal();
   const setSnackBar = useSetRecoilState(toastState);
+  const [flag, setFlag] = useState<boolean>(false);
+
+  useEffect(() => {
+    if (teamUID) {
+      // useAgendaTeamKey()로 teamUID 가져왔을 시
+      setFlag(true);
+    }
+  }, [teamUID]);
+
+  if (!flag) {
+    return <AgendaLoading />;
+  }
 
   const onSubmit = (e: React.FormEvent<HTMLFormElement>) => {
     SubmitTeamForm(
@@ -146,7 +166,8 @@ const CreateTeamForm = ({
       agendaKey,
       openModal,
       teamUID as string,
-      onProceed
+      onProceed,
+      handleConvert
     );
   };
 
diff --git a/components/agenda/Form/SubmitAgendaForm.tsx b/components/agenda/Form/SubmitAgendaForm.tsx
index 9f9499ed7..3320d3b3a 100644
--- a/components/agenda/Form/SubmitAgendaForm.tsx
+++ b/components/agenda/Form/SubmitAgendaForm.tsx
@@ -148,7 +148,7 @@ const SubmitAgendaForm = async (
             onProceed && onProceed();
           if (!isEdit) {
             console.log(res.data.agendaKey);
-            router.push(`/agenda/${res.data.agendaKey}`);
+            router.push(`/agenda/detail?agenda_key=${res.data.agendaKey}`);
           }
         })
         .catch((err) => {
diff --git a/components/agenda/Home/AgendaList.tsx b/components/agenda/Home/AgendaList.tsx
index 71a45a832..105f06102 100644
--- a/components/agenda/Home/AgendaList.tsx
+++ b/components/agenda/Home/AgendaList.tsx
@@ -56,7 +56,7 @@ const AgendaListItem = ({
   setSelectedItem?: (key: number) => void;
 }) => {
   const router = useRouter();
-  const href = `/agenda/${agendaInfo.agendaKey}`;
+  const href = `/agenda/detail?agenda_key=${agendaInfo.agendaKey}`;
   return (
     <button
       className={`${styles.agendaListItemBtn} ${
diff --git a/components/agenda/Home/MyTeamInfo.tsx b/components/agenda/Home/MyTeamInfo.tsx
index 31f07aff8..bcc0f2dd7 100644
--- a/components/agenda/Home/MyTeamInfo.tsx
+++ b/components/agenda/Home/MyTeamInfo.tsx
@@ -16,12 +16,7 @@ const MyTeamInfo = ({
     return <div>참가중인 일정이 없습니다.</div>;
   }
   return (
-    <Link
-      href={`/agenda/${myTeamInfo.agendaKey}${
-        myTeamInfo.teamKey ? '/' + myTeamInfo.teamKey : ''
-      }`}
-      key={idx}
-    >
+    <Link href={`/agenda/detail?agenda_key=${myTeamInfo.agendaKey}`} key={idx}>
       <div className={styles.Container} key={idx}>
         {StartDate(myTeamInfo.agendaStartTime as string)}
         <div className={styles.infoContainer}>
diff --git a/components/agenda/Layout/MenuBar.tsx b/components/agenda/Layout/MenuBar.tsx
index 81480eabc..0ab81e5fb 100644
--- a/components/agenda/Layout/MenuBar.tsx
+++ b/components/agenda/Layout/MenuBar.tsx
@@ -43,7 +43,7 @@ const MenuBar = ({ headerstate }: { headerstate: HeaderContextState }) => {
       >
         <MenuBarContent
           content={`Hello. ${user?.intraId}`}
-          href={`/agenda/profile/${user?.intraId}`}
+          href={`/agenda/profile/user?id=${user?.intraId}`}
           as='h2'
         />
         <MenuBarContent content='Home' href='/' as='h1' />
diff --git a/components/agenda/agendaDetail/AgendaInfo.tsx b/components/agenda/agendaDetail/AgendaInfo.tsx
index 890c4a41c..1dcbe4a7a 100644
--- a/components/agenda/agendaDetail/AgendaInfo.tsx
+++ b/components/agenda/agendaDetail/AgendaInfo.tsx
@@ -21,15 +21,15 @@ const copyLink = () => {
 };
 
 const hostMode = ({ router, agendaKey }: CallbackProps) => {
-  router.push(`/agenda/${agendaKey}/host/modify`);
+  router.push(`/agenda/detail/host?agenda_key=${agendaKey}`);
 };
 
 const subscribeTeam = ({ router, agendaKey }: CallbackProps) => {
-  router.push(`/agenda/${agendaKey}/create-team`);
+  router.push(`/agenda/detail/team/create?agenda_key=${agendaKey}`);
 };
 
 const submitResults = ({ router, agendaKey }: CallbackProps) => {
-  router.push(`/agenda/${agendaKey}/host/result`);
+  router.push(`/agenda/detail/host/result?agenda_key=${agendaKey}`);
 };
 
 export default function AgendaInfo({
diff --git a/components/agenda/agendaDetail/tabs/AgendaAnnouncements.tsx b/components/agenda/agendaDetail/tabs/AgendaAnnouncements.tsx
index 581dba260..90b0b2e23 100644
--- a/components/agenda/agendaDetail/tabs/AgendaAnnouncements.tsx
+++ b/components/agenda/agendaDetail/tabs/AgendaAnnouncements.tsx
@@ -2,14 +2,15 @@ import { useRouter } from 'next/router';
 import { useState } from 'react';
 import { AnnouncementProps } from 'types/agenda/agendaDetail/announcementTypes';
 import AnnouncementItem from 'components/agenda/agendaDetail/tabs/AnnouncementItem';
-import { UploadBtn } from 'components/agenda/button/UploadBtn';
+import AgendaLoading from 'components/agenda/utils/AgendaLoading';
 import PageNation from 'components/Pagination';
+import useAgendaKey from 'hooks/agenda/useAgendaKey';
 import usePageNation from 'hooks/agenda/usePageNation';
 import styles from 'styles/agenda/agendaDetail/tabs/AgendaAnnouncements.module.scss';
 
-export default function AgendaAnnouncements({ isHost }: { isHost: boolean }) {
-  const router = useRouter();
-  const { agendaKey } = router.query;
+export default function AgendaAnnouncements() {
+  const agendaKey = useAgendaKey();
+  const [selected, setSelected] = useState<number>(0);
 
   const { content, PagaNationElementProps } = usePageNation<AnnouncementProps>({
     url: `/announcement`,
@@ -17,11 +18,9 @@ export default function AgendaAnnouncements({ isHost }: { isHost: boolean }) {
     size: 5,
   });
 
-  const newAnnouncement = () => {
-    router.push(`/agenda/${agendaKey}/host/createAnnouncement`);
-  };
-
-  const [selected, setSelected] = useState<number>(0);
+  if (!agendaKey || !content) {
+    return <AgendaLoading />;
+  }
 
   return (
     <>
@@ -40,27 +39,10 @@ export default function AgendaAnnouncements({ isHost }: { isHost: boolean }) {
               />
             ))}
             <PageNation {...PagaNationElementProps} />
-            {isHost ? (
-              <div className={styles.buttonWarp}>
-                <UploadBtn text='공지사항 추가' onClick={newAnnouncement} />
-              </div>
-            ) : null}
           </div>
-          {content.length > 0 && selected >= 0 && selected < content.length ? (
-            <AnnouncementItem
-              key={content[selected].id}
-              id={content[selected].id}
-              title={content[selected].title}
-              content={content[selected].content}
-              createdAt={content[selected].createdAt}
-              isSelected={true}
-            />
-          ) : (
-            ''
-          )}
         </>
       ) : (
-        <div className={styles.emptyContainer}>공지사항이 없습니다.</div>
+        <div className={styles.container}>공지사항이 없습니다.</div>
       )}
     </>
   );
diff --git a/components/agenda/agendaDetail/tabs/ParticipantTeam.tsx b/components/agenda/agendaDetail/tabs/ParticipantTeam.tsx
index d7a8b2635..7e5e283d9 100644
--- a/components/agenda/agendaDetail/tabs/ParticipantTeam.tsx
+++ b/components/agenda/agendaDetail/tabs/ParticipantTeam.tsx
@@ -4,10 +4,12 @@ import {
   ParticipantTeamProps,
   PeopleCount,
 } from 'types/agenda/agendaDetail/tabs/participantTypes';
+import AgendaLoading from 'components/agenda/utils/AgendaLoading';
 import { countCoalitions } from 'components/agenda/utils/coalition/countCoalitions';
 import { getCoalitionEnum } from 'components/agenda/utils/coalition/getCoalitionEnum';
 import ColorList from 'components/agenda/utils/ColorList';
 import TeamLeaderIcon from 'public/image/agenda/rock-and-roll-hand.svg';
+import useAgendaKey from 'hooks/agenda/useAgendaKey';
 import styles from 'styles/agenda/agendaDetail/tabs/ParticipantTeam.module.scss';
 
 const totalPeople = (peopleCount: PeopleCount) => {
@@ -22,8 +24,7 @@ export default function ParticipantTeam({
   maxMateCount,
   coalitions,
 }: ParticipantTeamProps) {
-  const router = useRouter();
-  const { agendaKey } = router.query;
+  const agendaKey = useAgendaKey();
   const coalitionEnum = getCoalitionEnum(coalitions);
   const peopleCount = countCoalitions(coalitionEnum);
 
@@ -51,12 +52,15 @@ export default function ParticipantTeam({
     />
   );
 
+  if (!agendaKey) {
+    return <AgendaLoading />;
+  }
   return (
     <>
       {teamKey ? (
         <Link
           className={styles.participantTeamContainer}
-          href={`/agenda/${agendaKey}/${teamKey}`}
+          href={`/agenda/detail/team?agenda_key=${agendaKey}&team_key=${teamKey}`}
         >
           {content}
           {colorList}
diff --git a/components/agenda/agendaDetail/tabs/ParticipantTeamList.tsx b/components/agenda/agendaDetail/tabs/ParticipantTeamList.tsx
index aeee24c08..61676c904 100644
--- a/components/agenda/agendaDetail/tabs/ParticipantTeamList.tsx
+++ b/components/agenda/agendaDetail/tabs/ParticipantTeamList.tsx
@@ -1,8 +1,9 @@
-import { useRouter } from 'next/router';
 import { ParticipantTeamListProps } from 'types/agenda/agendaDetail/tabs/participantTypes';
 import { TeamDataProps } from 'types/agenda/team/teamDataTypes';
 import ParticipantTeam from 'components/agenda/agendaDetail/tabs/ParticipantTeam';
+import AgendaLoading from 'components/agenda/utils/AgendaLoading';
 import PageNation from 'components/Pagination';
+import useAgendaKey from 'hooks/agenda/useAgendaKey';
 import usePageNation from 'hooks/agenda/usePageNation';
 import styles from 'styles/agenda/agendaDetail/tabs/ParticipantTeamList.module.scss';
 
@@ -11,8 +12,7 @@ export default function ParticipantTeamList({
   maxPeople,
   myTeam,
 }: ParticipantTeamListProps) {
-  const router = useRouter();
-  const { agendaKey } = router.query;
+  const agendaKey = useAgendaKey();
 
   const {
     content: openTeams,
@@ -30,16 +30,15 @@ export default function ParticipantTeamList({
     params: { agenda_key: agendaKey },
   });
 
-  const openTeamsCount = openTeams ? openTeams.length : 0;
-  const confirmedTeamsCount = confirmedTeams ? confirmedTeams.length : 0;
-
-  if (!agendaKey) {
-    return <div>Loading...</div>;
-  }
   const noParticipants = (
     <div className={styles.noParticipants}>팀이 없습니다.</div>
   );
+  const openTeamsCount = openTeams ? openTeams.length : 0;
+  const confirmedTeamsCount = confirmedTeams ? confirmedTeams.length : 0;
 
+  if (!agendaKey || !openTeams || !confirmedTeams) {
+    return <AgendaLoading />;
+  }
   return (
     <>
       <div className={styles.participantsContainer}>
diff --git a/components/agenda/agendaDetail/tabs/ParticipantsList.tsx b/components/agenda/agendaDetail/tabs/ParticipantsList.tsx
index 693f09e6a..8b1496673 100644
--- a/components/agenda/agendaDetail/tabs/ParticipantsList.tsx
+++ b/components/agenda/agendaDetail/tabs/ParticipantsList.tsx
@@ -1,16 +1,16 @@
-import { useRouter } from 'next/router';
 import {
   numberProps,
   ParticipantProps,
 } from 'types/agenda/agendaDetail/tabs/participantTypes';
 import Participant from 'components/agenda/agendaDetail/tabs/Participant';
+import AgendaLoading from 'components/agenda/utils/AgendaLoading';
 import PageNation from 'components/Pagination';
+import useAgendaKey from 'hooks/agenda/useAgendaKey';
 import usePageNation from 'hooks/agenda/usePageNation';
 import styles from 'styles/agenda/agendaDetail/tabs/ParticipantsList.module.scss';
 
 export default function ParticipantsList({ max }: numberProps) {
-  const router = useRouter();
-  const { agendaKey } = router.query;
+  const agendaKey = useAgendaKey();
 
   const { content: participants, PagaNationElementProps } =
     usePageNation<ParticipantProps>({
@@ -19,10 +19,10 @@ export default function ParticipantsList({ max }: numberProps) {
     });
 
   const curPeople = participants ? participants.length : 0;
-  if (!participants) {
-    return <div className={styles.noParticipants}>Loading...</div>;
-  }
 
+  if (!agendaKey || !participants) {
+    return <AgendaLoading />;
+  }
   return (
     <>
       <div className={styles.participantsTitle}>
diff --git a/components/agenda/teamDetail/TeamInfo.tsx b/components/agenda/teamDetail/TeamInfo.tsx
index 299903502..389c5d5dd 100644
--- a/components/agenda/teamDetail/TeamInfo.tsx
+++ b/components/agenda/teamDetail/TeamInfo.tsx
@@ -1,4 +1,3 @@
-import { useRouter } from 'next/router';
 import { useState } from 'react';
 import { TeamInfoProps } from 'types/agenda/teamDetail/TeamInfoTypes';
 import { colorMapping } from 'types/agenda/utils/colorList';
@@ -6,7 +5,9 @@ import { TeamStatus, Authority } from 'constants/agenda/agenda';
 import { ShareBtn } from 'components/agenda/button/Buttons';
 import CreateTeamForm from 'components/agenda/Form/CreateTeamForm';
 import TeamButtons from 'components/agenda/teamDetail/TeamButtons';
+import AgendaLoading from 'components/agenda/utils/AgendaLoading';
 import EditIcon from 'public/image/agenda/edit.svg';
+import useAgendaKey from 'hooks/agenda/useAgendaKey';
 import styles from 'styles/agenda/TeamDetail/TeamInfo.module.scss';
 
 const TeamInfo = ({
@@ -18,13 +19,16 @@ const TeamInfo = ({
   submitTeamForm,
 }: TeamInfoProps) => {
   // EditTeam UI <-> TeamInfo UI 전환
-  const router = useRouter();
-  const { agendaKey } = router.query;
   const [convert, setConvert] = useState(true);
+  const agendaKey = useAgendaKey();
 
   const handleConvert = () => {
     setConvert(!convert);
   };
+
+  if (!agendaKey) {
+    return <AgendaLoading />;
+  }
   return convert ? (
     /* TeamInfo */
     <>
diff --git a/components/agenda/utils/AgendaLoading.tsx b/components/agenda/utils/AgendaLoading.tsx
new file mode 100644
index 000000000..a5b7147ec
--- /dev/null
+++ b/components/agenda/utils/AgendaLoading.tsx
@@ -0,0 +1,7 @@
+import styles from 'styles/agenda/utils/AgendaLoading.module.scss';
+
+const AgendaLoading = () => {
+  return <div className={styles.container}>Lodaing...</div>;
+};
+
+export default AgendaLoading;
diff --git a/components/agenda/utils/PageController.tsx b/components/agenda/utils/PageController.tsx
index 19c010894..e3fa3766a 100644
--- a/components/agenda/utils/PageController.tsx
+++ b/components/agenda/utils/PageController.tsx
@@ -96,7 +96,9 @@ const PageController = ({
             )
               return;
             data.length && data[current]
-              ? handleNavigation('/agenda/' + data[current].agendaKey)
+              ? handleNavigation(
+                  '/agenda/detail?agenda_key=' + data[current].agendaKey
+                )
               : null;
           }}
           className={styles.toClick}
diff --git a/hooks/agenda/useAgendaInfo.ts b/hooks/agenda/useAgendaInfo.ts
index 93be90fe0..5fe972c75 100644
--- a/hooks/agenda/useAgendaInfo.ts
+++ b/hooks/agenda/useAgendaInfo.ts
@@ -2,15 +2,16 @@ import { useQuery } from 'react-query';
 import { AgendaDataProps } from 'types/agenda/agendaDetail/agendaTypes';
 import { instanceInAgenda } from 'utils/axios';
 
-export const useAgendaInfo = (agendaKey: string) => {
+export const useAgendaInfo = (agendaKey?: string) => {
   const { data, isError } = useQuery<AgendaDataProps>(
-    agendaKey,
+    ['agendaInfo', agendaKey],
     () =>
       instanceInAgenda.get('?agenda_key=' + agendaKey).then((res) => {
         res.data.agendaKey = agendaKey;
         return res.data;
       }),
     {
+      enabled: !!agendaKey, // agendaKey가 존재할 때만 쿼리 실행
       staleTime: 60 * 1000 * 10, // 10분 동안은 캐시를 사용
       cacheTime: 60 * 1000 * 10, // 10분 동안 캐시를 유지
       retry: 1, // 에러가 났을 때 1번 재시도
diff --git a/hooks/agenda/useAgendaKey.ts b/hooks/agenda/useAgendaKey.ts
new file mode 100644
index 000000000..79c8e5db2
--- /dev/null
+++ b/hooks/agenda/useAgendaKey.ts
@@ -0,0 +1,18 @@
+import { useRouter } from 'next/router';
+import { useEffect, useState } from 'react';
+
+const useAgendaKey = () => {
+  const router = useRouter();
+  const [agendaKey, setAgendaKey] = useState<string | undefined>(undefined);
+
+  useEffect(() => {
+    if (router.isReady) {
+      const key = router.query.agenda_key as string;
+      setAgendaKey(key);
+    }
+  }, [router.isReady, router.query.agenda_key]);
+
+  return agendaKey;
+};
+
+export default useAgendaKey;
diff --git a/hooks/agenda/useAgendaTeamKey.ts b/hooks/agenda/useAgendaTeamKey.ts
new file mode 100644
index 000000000..9ed0aa508
--- /dev/null
+++ b/hooks/agenda/useAgendaTeamKey.ts
@@ -0,0 +1,18 @@
+import { useRouter } from 'next/router';
+import { useEffect, useState } from 'react';
+
+const useAgendaTeamKey = () => {
+  const router = useRouter();
+  const [teamKey, setTeamKey] = useState<string | undefined>(undefined);
+
+  useEffect(() => {
+    if (router.isReady) {
+      const key = router.query.team_key as string;
+      setTeamKey(key || 'no-team'); // 팀 키가 없으면 'no-team' 반환
+    }
+  }, [router.isReady, router.query.agenda_key]);
+
+  return teamKey;
+};
+
+export default useAgendaTeamKey;
diff --git a/hooks/agenda/useFetchGet.ts b/hooks/agenda/useFetchGet.ts
index ab94b6f17..83bebc71d 100644
--- a/hooks/agenda/useFetchGet.ts
+++ b/hooks/agenda/useFetchGet.ts
@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import { useEffect, useState, useCallback } from 'react';
 import { instanceInAgenda } from 'utils/axios';
 
 const useFetchGet = <T>(url: string, params?: Record<string, any>) => {
@@ -6,7 +6,11 @@ const useFetchGet = <T>(url: string, params?: Record<string, any>) => {
   const [status, setStatus] = useState<number>(0);
   const [error, setError] = useState<string | null>(null);
 
-  const getData = async () => {
+  const getData = useCallback(async () => {
+    if (params && params.agenda_key === undefined) {
+      return;
+    }
+
     try {
       const res = await instanceInAgenda.get(url, { params });
       setStatus(res.status);
@@ -17,11 +21,12 @@ const useFetchGet = <T>(url: string, params?: Record<string, any>) => {
       console.error(error);
       setError('get error');
     }
-  };
+  }, [url, params]);
 
   useEffect(() => {
-    if (url) {
-      getData();
+    // URL이 있고 params가 없거나, agenda_key가 있는 경우에도 getData 호출 가능
+    if (url && (!params || (params && params.agenda_key))) {
+      getData(); // 조건에 맞을 때만 getData 호출
     }
   }, [url, JSON.stringify(params)]);
 
diff --git a/hooks/agenda/usePageNation.ts b/hooks/agenda/usePageNation.ts
index 4dafa0983..d07607899 100644
--- a/hooks/agenda/usePageNation.ts
+++ b/hooks/agenda/usePageNation.ts
@@ -25,6 +25,10 @@ const usePageNation = <T>({
 
   const getData = useCallback(
     async (page: number, size: number) => {
+      if (params && params.agenda_key === undefined) {
+        return { content: null };
+      }
+
       const res = await instanceInAgenda.get(url, { params });
       const content = res.data.content ? res.data.content : [];
       const totalSize = res.data.totalSize ? res.data.totalSize : 0;
@@ -57,10 +61,13 @@ const usePageNation = <T>({
       setContent(data.content);
     };
 
-    if (!status.current || Math.floor(status.current / 100) !== 2) {
+    if (
+      (!params || params.agenda_key) &&
+      (!status.current || Math.floor(status.current / 100) !== 2)
+    ) {
       fetchData();
     }
-  }, [getData, size]); // getData와 size에 의존
+  }, [getData, size, params]); // getData와 size에 의존
 
   const PagaNationElementProps = {
     curPage: currentPage.current,
diff --git a/pages/agenda/[agendaKey]/host/createAnnouncement.tsx b/pages/agenda/detail/host/createAnnouncement.tsx
similarity index 65%
rename from pages/agenda/[agendaKey]/host/createAnnouncement.tsx
rename to pages/agenda/detail/host/createAnnouncement.tsx
index c1a92fd99..111afe695 100644
--- a/pages/agenda/[agendaKey]/host/createAnnouncement.tsx
+++ b/pages/agenda/detail/host/createAnnouncement.tsx
@@ -1,18 +1,23 @@
 import { useRouter } from 'next/router';
 import AnnouncementForm from 'components/agenda/Form/AnnouncementForm';
+import AgendaLoading from 'components/agenda/utils/AgendaLoading';
+import useAgendaKey from 'hooks/agenda/useAgendaKey';
 import styles from 'styles/agenda/agendaDetail/tabs/createAnnouncement.module.scss';
 
 const CreateAnnouncement = () => {
   const router = useRouter();
-  const { agendaKey } = router.query;
+  const agendaKey = useAgendaKey();
 
+  if (!agendaKey) {
+    return <AgendaLoading />;
+  }
   return (
     <div className={styles.container}>
       <h2 className={styles.title}>공지사항</h2>
       <AnnouncementForm
         stringKey={agendaKey as string}
         onProceed={() => {
-          router.push(`/agenda/${agendaKey}`);
+          router.push(`/agenda/detail?agenda_key=${agendaKey}`);
         }}
       />
     </div>
diff --git a/pages/agenda/[agendaKey]/host/modify.tsx b/pages/agenda/detail/host/index.tsx
similarity index 88%
rename from pages/agenda/[agendaKey]/host/modify.tsx
rename to pages/agenda/detail/host/index.tsx
index 9cb3e2972..4d6d7810b 100644
--- a/pages/agenda/[agendaKey]/host/modify.tsx
+++ b/pages/agenda/detail/host/index.tsx
@@ -5,14 +5,16 @@ import { toastState } from 'utils/recoil/toast';
 import { AgendaStatus } from 'constants/agenda/agenda';
 import { UploadBtn } from 'components/agenda/button/UploadBtn';
 import { useModal } from 'components/agenda/modal/useModal';
+import AgendaLoading from 'components/agenda/utils/AgendaLoading';
 import { useAgendaInfo } from 'hooks/agenda/useAgendaInfo';
+import useAgendaKey from 'hooks/agenda/useAgendaKey';
 import useFetchRequest from 'hooks/agenda/useFetchRequest';
 import { useUser } from 'hooks/takgu/Layout/useUser';
 import styles from 'styles/agenda/pages/agendakey/host/modify.module.scss';
 
 const ModifyAgenda = () => {
   const router = useRouter();
-  const { agendaKey } = router.query;
+  const agendaKey = useAgendaKey();
   const agendaData = useAgendaInfo(agendaKey as string);
   const user = useUser();
   const { sendRequest } = useFetchRequest();
@@ -29,14 +31,16 @@ const ModifyAgenda = () => {
   };
 
   const newAnnouncement = () => {
-    router.push(`/agenda/${agendaKey}/host/createAnnouncement`);
+    router.push(
+      `/agenda/detail/host/createAnnouncement?agenda_key=${agendaKey}`
+    );
   };
 
   const confirmAgenda = () => {
     if (agendaStatus && agendaStatus === AgendaStatus.OPEN) {
       handleClick('행사를 확정하시겠습니까?', () => {
         sendRequest('PATCH', `confirm`, {}, { agenda_key: agendaKey });
-        router.push(`/agenda/${agendaKey}`);
+        router.push(`/agenda/detail?agenda_key=${agendaKey}`);
       });
     } else {
       setSnackbar({
@@ -68,7 +72,7 @@ const ModifyAgenda = () => {
     if (agendaStatus && agendaStatus === AgendaStatus.CONFIRM) {
       handleClick('행사를 상 입력 없이 종료하시겠습니까?', () => {
         sendRequest('PATCH', 'finish', {}, { agenda_key: agendaKey });
-        router.push(`/agenda/${agendaKey}`);
+        router.push(`/agenda/detail?agenda_key=${agendaKey}`);
       });
     } else {
       setSnackbar({
@@ -83,7 +87,7 @@ const ModifyAgenda = () => {
   const resultFormAgenda = () => {
     if (agendaStatus && agendaStatus === AgendaStatus.CONFIRM) {
       handleClick('행사 종료 후 상 입력을 하시겠습니까?', () => {
-        router.push(`/agenda/${agendaKey}/host/result`);
+        router.push(`/agenda/detail/host/result?agenda_key=${agendaKey}`);
       });
     } else {
       setSnackbar({
@@ -104,6 +108,9 @@ const ModifyAgenda = () => {
     }
   }, [agendaData, user, router]);
 
+  if (!agendaKey) {
+    return <AgendaLoading />;
+  }
   return (
     <>
       <div className={styles.container}>
@@ -117,4 +124,5 @@ const ModifyAgenda = () => {
     </>
   );
 };
+
 export default ModifyAgenda;
diff --git a/pages/agenda/[agendaKey]/host/result.tsx b/pages/agenda/detail/host/result.tsx
similarity index 95%
rename from pages/agenda/[agendaKey]/host/result.tsx
rename to pages/agenda/detail/host/result.tsx
index 40da7cb7b..58f89341c 100644
--- a/pages/agenda/[agendaKey]/host/result.tsx
+++ b/pages/agenda/detail/host/result.tsx
@@ -7,6 +7,8 @@ import { instanceInAgenda } from 'utils/axios';
 import { toastState } from 'utils/recoil/toast';
 import AgendaResultForm from 'components/agenda/Form/AgendaResultForm';
 import { useModal } from 'components/agenda/modal/useModal';
+import AgendaLoading from 'components/agenda/utils/AgendaLoading';
+import useAgendaKey from 'hooks/agenda/useAgendaKey';
 import useFetchGet from 'hooks/agenda/useFetchGet';
 import styles from 'styles/agenda/pages/agendakey/host/result.module.scss';
 
@@ -83,7 +85,7 @@ const SubmitAgendaResult = () => {
   const [awardList, setAwardList] = useState<AwardListProps[]>([
     { award: '참가상', teams: [] },
   ]);
-  const { agendaKey: agenda_key } = router.query;
+  const agenda_key = useAgendaKey();
   const setSnackbar = useSetRecoilState(toastState);
   const { openModal, closeModal } = useModal();
 
@@ -112,7 +114,7 @@ const SubmitAgendaResult = () => {
       });
       return;
     }
-    console.log(awardList);
+
     const msg = awardlistToString(awardList);
     openModal({
       type: 'proceedCheck',
@@ -127,6 +129,10 @@ const SubmitAgendaResult = () => {
       },
     });
   };
+
+  if (!agenda_key) {
+    return <AgendaLoading />;
+  }
   return (
     <div className={styles.container}>
       <AgendaResultForm
diff --git a/pages/agenda/[agendaKey]/index.tsx b/pages/agenda/detail/index.tsx
similarity index 68%
rename from pages/agenda/[agendaKey]/index.tsx
rename to pages/agenda/detail/index.tsx
index b9e386cbb..b79c8b086 100644
--- a/pages/agenda/[agendaKey]/index.tsx
+++ b/pages/agenda/detail/index.tsx
@@ -1,12 +1,10 @@
-import Image from 'next/image';
-import Link from 'next/link';
-import { useRouter } from 'next/router';
 import { AgendaDataProps } from 'types/agenda/agendaDetail/agendaTypes';
 import { TeamDataProps } from 'types/agenda/team/teamDataTypes';
 import AgendaInfo from 'components/agenda/agendaDetail/AgendaInfo';
 import AgendaTab from 'components/agenda/agendaDetail/AgendaTab';
 import { useUser } from 'hooks/agenda/Layout/useUser';
 import { useAgendaInfo } from 'hooks/agenda/useAgendaInfo';
+import useAgendaKey from 'hooks/agenda/useAgendaKey';
 import useFetchGet from 'hooks/agenda/useFetchGet';
 import styles from 'styles/agenda/agendaDetail/AgendaDetail.module.scss';
 
@@ -16,8 +14,7 @@ const getIsHost = (intraId: string, agendaData?: AgendaDataProps | null) => {
 };
 
 const AgendaDetail = () => {
-  const router = useRouter();
-  const { agendaKey } = router.query;
+  const agendaKey = useAgendaKey();
   const agendaData = useAgendaInfo(agendaKey as string);
 
   const { data: myTeam, status: myTeamStatus } = useFetchGet<TeamDataProps>(
@@ -30,22 +27,6 @@ const AgendaDetail = () => {
   return (
     <>
       <div className={styles.agendaDetailWrap}>
-        <div className={styles.headWrapper}>
-          <Link href={`/agenda`}>
-            <button className={styles.webViewBtn}>
-              <div className={styles.imageWrapper}>
-                <Image
-                  src='/image/agenda/ArrowRight.svg'
-                  width={35}
-                  height={35}
-                  alt='Create Agenda'
-                  className={styles.imageBox}
-                />
-              </div>
-              <div>{` 행사 목록 보기`}</div>
-            </button>
-          </Link>
-        </div>
         {agendaData ? (
           <>
             <AgendaInfo
diff --git a/pages/agenda/[agendaKey]/create-team.tsx b/pages/agenda/detail/team/create.tsx
similarity index 63%
rename from pages/agenda/[agendaKey]/create-team.tsx
rename to pages/agenda/detail/team/create.tsx
index 8197343e6..4d1fcb600 100644
--- a/pages/agenda/[agendaKey]/create-team.tsx
+++ b/pages/agenda/detail/team/create.tsx
@@ -1,17 +1,26 @@
 import { useRouter } from 'next/router';
+import { AgendaDataProps } from 'types/agenda/agendaDetail/agendaTypes';
 import CreateTeamForm from 'components/agenda/Form/CreateTeamForm';
-import { useAgendaInfo } from 'hooks/agenda/useAgendaInfo';
+import AgendaLoading from 'components/agenda/utils/AgendaLoading';
+import useAgendaKey from 'hooks/agenda/useAgendaKey';
+import useFetchGet from 'hooks/agenda/useFetchGet';
 import styles from 'styles/agenda/pages/create-team.module.scss';
 
 const CreateTeam = () => {
   const router = useRouter();
-  const { agendaKey } = router.query;
-  const agendaInfo = useAgendaInfo(agendaKey as string);
+  const agendaKey = useAgendaKey();
+
+  const agendaInfo = useFetchGet<AgendaDataProps>(`/`, {
+    agenda_key: agendaKey,
+  }).data;
 
   const backPage = () => {
     router.back();
   };
 
+  if (!agendaKey || !agendaInfo) {
+    return <AgendaLoading />;
+  }
   return (
     <div className={styles.pageContainer}>
       <div className={styles.container}>
diff --git a/pages/agenda/[agendaKey]/[teamUID]/index.tsx b/pages/agenda/detail/team/index.tsx
similarity index 84%
rename from pages/agenda/[agendaKey]/[teamUID]/index.tsx
rename to pages/agenda/detail/team/index.tsx
index 203445ffa..74b3e314f 100644
--- a/pages/agenda/[agendaKey]/[teamUID]/index.tsx
+++ b/pages/agenda/detail/team/index.tsx
@@ -6,15 +6,18 @@ import { TeamDetailProps } from 'types/agenda/teamDetail/TeamDetailTypes';
 import { Authority } from 'constants/agenda/agenda';
 import AgendaInfo from 'components/agenda/agendaDetail/AgendaInfo';
 import TeamInfo from 'components/agenda/teamDetail/TeamInfo';
+import AgendaLoading from 'components/agenda/utils/AgendaLoading';
 import { useUser } from 'hooks/agenda/Layout/useUser';
+import useAgendaKey from 'hooks/agenda/useAgendaKey';
+import useAgendaTeamKey from 'hooks/agenda/useAgendaTeamKey';
 import useFetchGet from 'hooks/agenda/useFetchGet';
 import useFetchRequest from 'hooks/agenda/useFetchRequest';
 import styles from 'styles/agenda/TeamDetail/TeamDetail.module.scss';
 
 export default function TeamDetail() {
   const router = useRouter();
-  const { agendaKey } = router.query;
-  const { teamUID } = router.query;
+  const agendaKey = useAgendaKey();
+  const teamUID = useAgendaTeamKey();
 
   /**
    * API GET DATA
@@ -78,10 +81,9 @@ export default function TeamDetail() {
       () => {
         // 팀 폭파 API : 아젠다 디테일 페이지로 이동
         if (url === 'team/cancel') {
-          router.push(`/agenda/${agendaKey}`);
+          router.push(`/agenda/detail?agenda_key=${agendaKey}`);
         } else {
           // 그 외 API : 팀 상세 데이터 갱신
-
           getTeamDetail();
         }
       },
@@ -91,16 +93,20 @@ export default function TeamDetail() {
     );
   };
 
+  if (!agendaKey || !agendaData || !teamDetail) {
+    return <AgendaLoading />;
+  }
   return (
     <div className={styles.teamDetail}>
-      {agendaData ? (
-        <Link href={`/agenda/${agendaKey}`} className={styles.agendaLink}>
+      {agendaData && (
+        <Link
+          href={`/agenda/detail?agenda_key=${agendaKey}`}
+          className={styles.agendaLink}
+        >
           <AgendaInfo agendaData={agendaData} />
         </Link>
-      ) : (
-        ''
       )}
-      {teamDetail && agendaData ? (
+      {teamDetail && agendaData && (
         <TeamInfo
           teamDetail={teamDetail}
           shareTeamInfo={shareTeamInfo}
@@ -111,8 +117,6 @@ export default function TeamDetail() {
             getTeamDetail();
           }}
         />
-      ) : (
-        ''
       )}
     </div>
   );
diff --git a/pages/agenda/profile/index.tsx b/pages/agenda/profile/index.tsx
index 522fcf62f..3e25b5d61 100644
--- a/pages/agenda/profile/index.tsx
+++ b/pages/agenda/profile/index.tsx
@@ -4,7 +4,7 @@ import { useUser } from 'hooks/agenda/Layout/useUser';
 const Index = () => {
   const router = useRouter();
   const { intraId } = useUser() || {};
-  router.push('/agenda/profile/' + intraId);
+  router.push(`/agenda/profile/user?id=${intraId}`);
 };
 
 export default Index;
diff --git a/pages/agenda/profile/[intraId]/index.tsx b/pages/agenda/profile/user.tsx
similarity index 95%
rename from pages/agenda/profile/[intraId]/index.tsx
rename to pages/agenda/profile/user.tsx
index c7205a312..9ca5368ee 100644
--- a/pages/agenda/profile/[intraId]/index.tsx
+++ b/pages/agenda/profile/user.tsx
@@ -7,6 +7,7 @@ import CurrentList from 'components/agenda/Profile/CurrentList';
 import HistoryList from 'components/agenda/Profile/HistoryList';
 import ProfileCard from 'components/agenda/Profile/ProfileCard';
 import Ticket from 'components/agenda/Ticket/Ticket';
+import AgendaLoading from 'components/agenda/utils/AgendaLoading';
 import PageNation from 'components/Pagination';
 import { useUser } from 'hooks/agenda/Layout/useUser';
 import useFetchGet from 'hooks/agenda/useFetchGet';
@@ -14,8 +15,7 @@ import usePageNation from 'hooks/agenda/usePageNation';
 import styles from 'styles/agenda/Profile/AgendaProfile.module.scss';
 
 const AgendaProfile = () => {
-  const router = useRouter();
-  const { intraId } = router.query; // URL 상의 intraId
+  const intraId = useRouter().query.id;
   const userIntraId = useUser()?.intraId; // 현재 나의 intraId
   const isMyProfile = intraId === userIntraId ? true : false;
 
@@ -54,8 +54,9 @@ const AgendaProfile = () => {
     url: `/profile/history/list/${intraId}`,
   });
 
-  console.log(profileData);
-
+  if (!intraId || !userIntraId) {
+    return <AgendaLoading />;
+  }
   return (
     <>
       <div className={styles.agendaProfileContainer}>
diff --git a/stories/agenda/Form/CreateTeam.stories.tsx b/stories/agenda/Form/CreateTeam.stories.tsx
index 013af80b0..d90c7c81e 100644
--- a/stories/agenda/Form/CreateTeam.stories.tsx
+++ b/stories/agenda/Form/CreateTeam.stories.tsx
@@ -1,5 +1,7 @@
+/** router 쿼리로 바꾸는 도중에 에러 떠서 모두 주석 처리 함 */
+
 import type { Meta, StoryObj } from '@storybook/react';
-import CreateTeam from 'pages/agenda/[agendaKey]/create-team';
+import CreateTeam from 'pages/agenda/detail/team/create';
 
 const meta: Meta = {
   title: 'Agenda/Form/create-team',
diff --git a/stories/agenda/Form/SubmitAgendaResult.stories.tsx b/stories/agenda/Form/SubmitAgendaResult.stories.tsx
index 90c86c0c4..39f63d2e9 100644
--- a/stories/agenda/Form/SubmitAgendaResult.stories.tsx
+++ b/stories/agenda/Form/SubmitAgendaResult.stories.tsx
@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import SubmitAgendaResult from 'pages/agenda/[agendaKey]/host/result';
+import SubmitAgendaResult from 'pages/agenda/detail/host/result';
 
 const meta: Meta = {
   title: 'Agenda/Form/submit-agenda-result',
diff --git a/styles/agenda/utils/AgendaLoading.module.scss b/styles/agenda/utils/AgendaLoading.module.scss
new file mode 100644
index 000000000..be7601a82
--- /dev/null
+++ b/styles/agenda/utils/AgendaLoading.module.scss
@@ -0,0 +1,5 @@
+@import 'styles/agenda/common.scss';
+
+.contianer {
+  @include container(1);
+}