diff --git a/packages/web/src/components/Chat/Header/SideMenu.tsx b/packages/web/src/components/Chat/Header/SideMenu.tsx
index f9808ef39..cfdafcf09 100644
--- a/packages/web/src/components/Chat/Header/SideMenu.tsx
+++ b/packages/web/src/components/Chat/Header/SideMenu.tsx
@@ -90,6 +90,8 @@ const SideMenu = ({ roomInfo, isOpen, setIsOpen }: SideMenuProps) => {
   const onClickCallTaxi = useCallback(() => setIsOpenCallTaxi(true), []);
   const onClickReport = useCallback(() => setIsOpenReport(true), []);
 
+  const isAlone = roomInfo.part.length === 1;
+
   const styleBackground = {
     position: "absolute" as any,
     top: 0,
@@ -192,8 +194,12 @@ const SideMenu = ({ roomInfo, isOpen, setIsOpen }: SideMenuProps) => {
           <SideMenuButton type="share" onClick={onClikcShare} />
           <DottedLine />
           <SideMenuButton type="taxi" onClick={onClickCallTaxi} />
-          <DottedLine />
-          <SideMenuButton type="report" onClick={onClickReport} />
+          {!isAlone && (
+            <>
+              <DottedLine />
+              <SideMenuButton type="report" onClick={onClickReport} />
+            </>
+          )}
         </div>
         <DottedLine />
         <div css={styleNameSection} onClick={onClickCancel}>
diff --git a/packages/web/src/components/Chat/MessagesBody/MessageSet/index.tsx b/packages/web/src/components/Chat/MessagesBody/MessageSet/index.tsx
index ab62a70a1..06864f170 100644
--- a/packages/web/src/components/Chat/MessagesBody/MessageSet/index.tsx
+++ b/packages/web/src/components/Chat/MessagesBody/MessageSet/index.tsx
@@ -70,6 +70,7 @@ const MessageSet = ({ chats, layoutType, roomInfo }: MessageSetProps) => {
   const authorName = "authorName" in chats?.[0] ? chats?.[0].authorName : "";
 
   const isBot = authorId === "bot";
+  const isAlone = roomInfo.part.length === 1;
 
   const style = {
     position: "relative" as any,
@@ -148,8 +149,11 @@ const MessageSet = ({ chats, layoutType, roomInfo }: MessageSetProps) => {
         <div css={styleProfileSection}>
           {authorId !== userOid && (
             <div
-              css={{ ...styleProfile, cursor: !isBot ? "pointer" : undefined }}
-              onClick={() => !isBot && onClickProfileImage()}
+              css={{
+                ...styleProfile,
+                cursor: !isBot && !isAlone ? "pointer" : undefined,
+              }}
+              onClick={() => !isBot && !isAlone && onClickProfileImage()}
             >
               {isBot ? (
                 <TaxiIcon css={{ width: "100%", height: "100%" }} />
diff --git a/packages/web/src/components/ModalPopup/Body/BodyRoomSelection.tsx b/packages/web/src/components/ModalPopup/Body/BodyRoomSelection.tsx
index 306f1a2cc..e37671da8 100644
--- a/packages/web/src/components/ModalPopup/Body/BodyRoomSelection.tsx
+++ b/packages/web/src/components/ModalPopup/Body/BodyRoomSelection.tsx
@@ -125,6 +125,12 @@ const BodyRoomSelection = ({ roomInfo }: BodyRoomSelectionProps) => {
   const isDepart = useIsTimeOver(dayServerToClient(roomInfo.time)); // 방 출발 여부
 
   const requestJoin = useCallback(async () => {
+    if (isAlreadyPart) {
+      // 이미 참여 중인 방에서 버튼을 누르면 API 호출 관련 로직을 건너뛰고 해당 방으로 이동합니다.
+      history.push(`/myroom/${roomInfo._id}`);
+      return;
+    }
+    // 여기부터는 이미 참여 중인 방이 아닌 경우의 로직입니다.
     if (onCall.current) return;
     onCall.current = true;
     await axios({
@@ -204,7 +210,7 @@ const BodyRoomSelection = ({ roomInfo }: BodyRoomSelectionProps) => {
       {isLogin || isRoomFull || isDepart ? (
         <Button
           type="purple"
-          disabled={isRoomFull || isDepart || isAlreadyPart || isMaxPart}
+          disabled={(isRoomFull || isDepart || isMaxPart) && !isAlreadyPart}
           css={{
             padding: "10px 0 9px",
             borderRadius: "8px",
@@ -212,10 +218,10 @@ const BodyRoomSelection = ({ roomInfo }: BodyRoomSelectionProps) => {
           }}
           onClick={requestJoin}
         >
-          {isAlreadyPart
-            ? "이미 참여 중입니다"
-            : isDepart
+          {isDepart && !isAlreadyPart
             ? "출발 시각이 현재 이전인 방은 참여할 수 없습니다"
+            : isAlreadyPart
+            ? "이미 참여 중입니다 : 바로가기"
             : isRoomFull
             ? "남은 인원이 0명인 방은 참여할 수 없습니다"
             : isMaxPart
diff --git a/packages/web/src/components/Room/AnimatedRoom.tsx b/packages/web/src/components/Room/AnimatedRoom.tsx
new file mode 100644
index 000000000..8082b3ac1
--- /dev/null
+++ b/packages/web/src/components/Room/AnimatedRoom.tsx
@@ -0,0 +1,65 @@
+import { keyframes } from "@emotion/react";
+
+import Room from ".";
+
+type AnimatedRoomProps = {
+  data: any;
+  selected?: boolean;
+  onClick?: () => void;
+  marginTop?: string;
+  marginBottom?: string;
+  theme?: string;
+  type?: "addition" | "deletion";
+};
+
+const growHeight = keyframes`
+  from {
+    height: 0px;
+  }
+  to {
+    height: 125px;
+  }
+`;
+
+const shrinkHeight = keyframes`
+  from {
+    height: 125px;
+  }
+  to {
+    height: 0px;
+  }
+`;
+
+const AnimatedRoom = ({
+  data,
+  selected = false,
+  onClick = () => {},
+  marginTop = "0px",
+  marginBottom = "0px",
+  theme,
+  type,
+}: AnimatedRoomProps) => {
+  const props = {
+    data,
+    selected,
+    onClick,
+    marginTop,
+    marginBottom,
+    theme,
+    type,
+  };
+
+  return !data.animating ? (
+    <Room {...props} />
+  ) : (
+    <div
+      css={{
+        animation: `${
+          type === "addition" ? growHeight : shrinkHeight
+        } 0.5s forwards`,
+      }}
+    ></div>
+  );
+};
+
+export default AnimatedRoom;
diff --git a/packages/web/src/hooks/skeleton/useChannelTalkEffect/channelService.js b/packages/web/src/hooks/skeleton/useChannelTalkEffect/channelService.js
index de03ed840..28639369a 100644
--- a/packages/web/src/hooks/skeleton/useChannelTalkEffect/channelService.js
+++ b/packages/web/src/hooks/skeleton/useChannelTalkEffect/channelService.js
@@ -42,6 +42,9 @@ class ChannelService {
   updateUser(options) {
     window.ChannelIO("updateUser", options);
   }
+  openChat(message) {
+    window.ChannelIO("openChat", undefined, message);
+  }
   shutdown() {
     window.ChannelIO("shutdown");
   }
diff --git a/packages/web/src/hooks/useRoomListAnimationState.tsx b/packages/web/src/hooks/useRoomListAnimationState.tsx
new file mode 100644
index 000000000..4160001df
--- /dev/null
+++ b/packages/web/src/hooks/useRoomListAnimationState.tsx
@@ -0,0 +1,79 @@
+import { useEffect, useState } from "react";
+
+const useRoomListAnimationState = (rooms: Nullable<Array<any>>) => {
+  const [state, setState] = useState<
+    "default" | "additionAnimate" | "addition" | "deletionAnimate" | "deletion"
+  >("default");
+
+  const [localRooms, setLocalRooms] = useState(rooms);
+
+  const animateDeletion = () => {
+    const deletionRooms = localRooms?.map((localRoom) => {
+      if (!rooms?.find((room) => room._id === localRoom._id)) {
+        return { ...localRoom, animating: true, type: "deletion" };
+      }
+      return localRoom;
+    });
+    setLocalRooms(deletionRooms);
+    const timer = setTimeout(() => {
+      setState("deletion");
+    }, 500);
+
+    return () => clearTimeout(timer);
+  };
+
+  const deletion = () => {
+    setLocalRooms(localRooms?.filter((room) => room.type !== "deletion"));
+    setState("additionAnimate");
+  };
+
+  const animateAddition = () => {
+    let additionRooms = rooms?.map((room, index) => {
+      if (!localRooms?.find((localRoom) => localRoom._id === room._id)) {
+        return { ...room, animating: true, type: "addition" };
+      }
+      return room;
+    });
+    setLocalRooms(additionRooms);
+    const timer = setTimeout(() => {
+      setState("addition");
+    }, 500);
+    return () => clearTimeout(timer);
+  };
+
+  const addition = () => {
+    setLocalRooms(rooms);
+    setState("default");
+  };
+
+  useEffect(() => {
+    if (rooms && localRooms?.length && rooms.length !== localRooms.length) {
+      setState("deletionAnimate");
+    } else {
+      setLocalRooms(rooms);
+    }
+  }, [rooms]);
+
+  useEffect(() => {
+    switch (state) {
+      case "deletionAnimate":
+        animateDeletion();
+        break;
+      case "deletion":
+        deletion();
+        break;
+      case "additionAnimate":
+        animateAddition();
+        break;
+      case "addition":
+        addition();
+        break;
+      default:
+        break;
+    }
+  }, [state]);
+
+  return { localRooms, state };
+};
+
+export default useRoomListAnimationState;
diff --git a/packages/web/src/pages/Home/NewRoom.tsx b/packages/web/src/pages/Home/NewRoom.tsx
new file mode 100644
index 000000000..51afba082
--- /dev/null
+++ b/packages/web/src/pages/Home/NewRoom.tsx
@@ -0,0 +1,47 @@
+import { keyframes } from "@emotion/react";
+import { useEffect, useState } from "react";
+
+import Room from "@/components/Room";
+
+const DiffRoom = (props: any) => {
+  const [animating, setAnimating] = useState(true);
+
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      setAnimating(false);
+    }, 500);
+    return () => clearTimeout(timer);
+  }, []);
+
+  const growHeight = keyframes`
+  from {
+    height: 0px;
+  }
+  to {
+    height: 125px;
+  }
+  `;
+
+  const shrinkHeight = keyframes`
+  from {
+    height: 125px;
+  }
+  to {
+    height: 0px;
+  }
+  `;
+
+  const animation = props.type === "addition" ? growHeight : shrinkHeight;
+
+  return animating ? (
+    <div
+      css={{
+        animation: `${animation} 0.5s forwards`,
+      }}
+    ></div>
+  ) : props.type === "addition" ? (
+    <Room data={props.room} marginBottom={props.marginBottom} />
+  ) : null;
+};
+
+export default DiffRoom;
diff --git a/packages/web/src/pages/Home/RoomList.tsx b/packages/web/src/pages/Home/RoomList.tsx
index 532dc7ab1..b52cf9574 100644
--- a/packages/web/src/pages/Home/RoomList.tsx
+++ b/packages/web/src/pages/Home/RoomList.tsx
@@ -1,10 +1,11 @@
 import { Link } from "react-router-dom";
 
 import usePageFromSearchParams from "@/hooks/usePageFromSearchParams";
+import useRoomListAnimationState from "@/hooks/useRoomListAnimationState";
 
 import Empty from "@/components/Empty";
 import Pagination, { PAGE_MAX_ITEMS } from "@/components/Pagination";
-import Room from "@/components/Room";
+import AnimatedRoom from "@/components/Room/AnimatedRoom";
 
 type RoomListProps = {
   rooms: Nullable<Array<any>>;
@@ -13,12 +14,13 @@ type RoomListProps = {
 const RoomList = (props: RoomListProps) => {
   const totalPages = Math.ceil((props.rooms ?? []).length / PAGE_MAX_ITEMS);
   const currentPage = usePageFromSearchParams(totalPages);
+  const { localRooms } = useRoomListAnimationState(props.rooms);
 
   return (
     <>
-      {props.rooms?.length ? (
+      {localRooms?.length ? (
         <>
-          {props.rooms
+          {localRooms
             ?.slice(
               PAGE_MAX_ITEMS * (currentPage - 1),
               PAGE_MAX_ITEMS * currentPage
@@ -30,10 +32,14 @@ const RoomList = (props: RoomListProps) => {
                 replace
                 style={{ textDecoration: "none" }}
               >
-                <Room data={room} marginBottom="15px" />
+                <AnimatedRoom
+                  data={room}
+                  marginBottom="15px"
+                  type={room.type}
+                />
               </Link>
             ))}
-          {props.rooms.length > PAGE_MAX_ITEMS && (
+          {localRooms.length > PAGE_MAX_ITEMS && (
             <Pagination
               totalPages={totalPages}
               currentPage={currentPage}
diff --git a/packages/web/src/pages/Home/RoomSection.tsx b/packages/web/src/pages/Home/RoomSection.tsx
index 172c30d3e..9c84239f7 100644
--- a/packages/web/src/pages/Home/RoomSection.tsx
+++ b/packages/web/src/pages/Home/RoomSection.tsx
@@ -47,9 +47,9 @@ const RoomSection = ({ roomId }: RoomSectionProps) => {
 
   const [roomInfo, setRoomInfo] = useState<Nullable<any>>(null);
 
-  // 5분 간격으로 allRoms(요일 별 출발하는 방)을 갱신합니다.
+  // 10초 간격으로 allRoms(요일 별 출발하는 방)을 갱신합니다.
   useEffect(() => {
-    const interval = setInterval(fetchAllRooms, 1000 * 60 * 5);
+    const interval = setInterval(fetchAllRooms, 1000 * 10);
     return () => clearInterval(interval);
   }, []);
 
diff --git a/packages/web/src/pages/Mypage/Menu.tsx b/packages/web/src/pages/Mypage/Menu.tsx
index fcc0dddf1..4c809a4ca 100644
--- a/packages/web/src/pages/Mypage/Menu.tsx
+++ b/packages/web/src/pages/Mypage/Menu.tsx
@@ -12,6 +12,7 @@ import ExitToAppRoundedIcon from "@mui/icons-material/ExitToAppRounded";
 import HelpOutlineRoundedIcon from "@mui/icons-material/HelpOutlineRounded";
 import KeyboardArrowLeftRoundedIcon from "@mui/icons-material/KeyboardArrowLeftRounded";
 import LanguageRoundedIcon from "@mui/icons-material/LanguageRounded";
+import PersonRemoveRoundedIcon from "@mui/icons-material/PersonRemoveRounded";
 import PortraitRoundedIcon from "@mui/icons-material/PortraitRounded";
 import StarRoundedIcon from "@mui/icons-material/StarRounded";
 
@@ -46,6 +47,8 @@ const getIcon = (icon: string) => {
       return <AlarmOffRoundedIcon style={styleIcon} />;
     case "logout":
       return <ExitToAppRoundedIcon style={styleIcon} />;
+    case "cancel_account":
+      return <PersonRemoveRoundedIcon style={styleIcon} />;
     case "beta":
       return <StarRoundedIcon style={styleIcon} />;
   }
diff --git a/packages/web/src/pages/Mypage/index.tsx b/packages/web/src/pages/Mypage/index.tsx
index 9d2aa60d3..ac10c4073 100644
--- a/packages/web/src/pages/Mypage/index.tsx
+++ b/packages/web/src/pages/Mypage/index.tsx
@@ -25,7 +25,7 @@ import WhiteContainerSuggestLogin from "@/components/WhiteContainer/WhiteContain
 
 import Menu from "./Menu";
 
-import { eventMode, isDev } from "@/tools/loadenv";
+import { deviceType, eventMode, isDev } from "@/tools/loadenv";
 import theme from "@/tools/theme";
 import { isNotificationOn } from "@/tools/trans";
 
@@ -74,6 +74,11 @@ const Mypage = () => {
   );
   const onClickEventPolicy = useCallback(() => setIsOpenEventPolicy(true), []);
   const onClickMembers = useCallback(() => setOpenIsMembers(true), []);
+  const onClickCancelAccount = useCallback(() => {
+    channelService.openChat(
+      "SPARCS Taxi 서비스의 계정 탈퇴를 신청하고 싶습니다.\n신청 사유는 다음과 같습니다:\n"
+    );
+  }, []);
 
   const styleProfImg = {
     width: "50px",
@@ -209,6 +214,11 @@ const Mypage = () => {
               <Menu icon="logout">{t("logout")}</Menu>
             </LinkLogout>
           )}
+          {userId && deviceType.startsWith("app/") && (
+            <Menu icon="cancel_account" onClick={onClickCancelAccount}>
+              {t("cancel_account")}
+            </Menu>
+          )}
         </div>
       </WhiteContainer>
       <Footer type="only-logo" />
diff --git a/packages/web/src/pages/Mypage/langs/en.json b/packages/web/src/pages/Mypage/langs/en.json
index 365791c93..7c8413599 100644
--- a/packages/web/src/pages/Mypage/langs/en.json
+++ b/packages/web/src/pages/Mypage/langs/en.json
@@ -16,6 +16,7 @@
   "terms_privacy": "Collection and Use of Personal Information",
   "privacy_policy": "Privacy Policy",
   "credit": "Credit",
+  "cancel_account": "Cancel Account",
   "logout": "Logout",
   "page_modify": {
     "cancel": "Cancel",
diff --git a/packages/web/src/pages/Mypage/langs/ko.json b/packages/web/src/pages/Mypage/langs/ko.json
index 99afcaebe..c235bb6f7 100644
--- a/packages/web/src/pages/Mypage/langs/ko.json
+++ b/packages/web/src/pages/Mypage/langs/ko.json
@@ -16,6 +16,7 @@
   "terms_privacy": "개인정보 수집 및 이용",
   "privacy_policy": "개인정보 처리방침",
   "credit": "만든 사람들",
+  "cancel_account": "회원 탈퇴하기",
   "logout": "로그아웃",
   "page_modify": {
     "cancel": "취소",
diff --git a/packages/web/src/pages/Myroom/R1Myroom.tsx b/packages/web/src/pages/Myroom/R1Myroom.tsx
index f370da6db..43ad069f0 100644
--- a/packages/web/src/pages/Myroom/R1Myroom.tsx
+++ b/packages/web/src/pages/Myroom/R1Myroom.tsx
@@ -3,7 +3,7 @@ import { Link } from "react-router-dom";
 import AdaptiveDiv from "@/components/AdaptiveDiv";
 import Empty from "@/components/Empty";
 import Pagination, { PAGE_MAX_ITEMS } from "@/components/Pagination";
-import Room from "@/components/Room";
+import AnimatedRoom from "@/components/Room/AnimatedRoom";
 import Title from "@/components/Title";
 
 /**
@@ -23,63 +23,67 @@ const R1Myroom = ({
   ongoing = [],
   done = [],
   donePageInfo,
-}: R1MyroomProps) => (
-  <AdaptiveDiv type="center">
-    <Title icon="current" isHeader>
-      참여 중인 방
-    </Title>
-    {ongoing.length === 0 ? (
-      <Empty type="mobile">참여 중인 방이 없습니다</Empty>
-    ) : (
-      ongoing.map((item) => (
-        <Link
-          key={item._id}
-          to={`/myroom/${item._id}`}
-          style={{ textDecoration: "none" }}
-        >
-          <Room
-            data={item}
-            selected={roomId === item._id}
-            theme="white"
-            marginBottom="15px"
+}: R1MyroomProps) => {
+  return (
+    <AdaptiveDiv type="center">
+      <Title icon="current" isHeader>
+        참여 중인 방
+      </Title>
+      {ongoing?.length === 0 ? (
+        <Empty type="mobile">참여 중인 방이 없습니다</Empty>
+      ) : (
+        ongoing.map((item) => (
+          <Link
+            key={item._id}
+            to={`/myroom/${item._id}`}
+            style={{ textDecoration: "none" }}
+          >
+            <AnimatedRoom
+              data={item}
+              selected={roomId === item._id}
+              theme="white"
+              marginBottom="15px"
+              type={item.type}
+            />
+          </Link>
+        ))
+      )}
+      <Title icon="past" isHeader>
+        과거 참여 방
+      </Title>
+      {done?.length === 0 ? (
+        <Empty type="mobile">과거 참여했던 방이 없습니다</Empty>
+      ) : (
+        <>
+          {done
+            ?.slice(
+              PAGE_MAX_ITEMS * (donePageInfo.currentPage - 1),
+              PAGE_MAX_ITEMS * donePageInfo.currentPage
+            )
+            .map((item) => (
+              <Link
+                key={item._id}
+                to={`/myroom/${item._id}`}
+                style={{ textDecoration: "none" }}
+              >
+                <AnimatedRoom
+                  data={item}
+                  selected={roomId === item._id}
+                  theme="white"
+                  marginTop="15px"
+                  type={item.type}
+                />
+              </Link>
+            ))}
+          <Pagination
+            totalPages={donePageInfo.totalPages}
+            currentPage={donePageInfo.currentPage}
+            isMobile
           />
-        </Link>
-      ))
-    )}
-    <Title icon="past" isHeader>
-      과거 참여 방
-    </Title>
-    {done.length === 0 ? (
-      <Empty type="mobile">과거 참여했던 방이 없습니다</Empty>
-    ) : (
-      <>
-        {done
-          .slice(
-            PAGE_MAX_ITEMS * (donePageInfo.currentPage - 1),
-            PAGE_MAX_ITEMS * donePageInfo.currentPage
-          )
-          .map((item) => (
-            <Link
-              key={item._id}
-              to={`/myroom/${item._id}`}
-              style={{ textDecoration: "none" }}
-            >
-              <Room
-                data={item}
-                selected={roomId === item._id}
-                theme="white"
-                marginTop="15px"
-              />
-            </Link>
-          ))}
-        <Pagination
-          totalPages={donePageInfo.totalPages}
-          currentPage={donePageInfo.currentPage}
-          isMobile
-        />
-      </>
-    )}
-  </AdaptiveDiv>
-);
+        </>
+      )}
+    </AdaptiveDiv>
+  );
+};
 
 export default R1Myroom;
diff --git a/packages/web/src/pages/Myroom/R2Myroom.jsx b/packages/web/src/pages/Myroom/R2Myroom.jsx
index e64524732..82618053b 100644
--- a/packages/web/src/pages/Myroom/R2Myroom.jsx
+++ b/packages/web/src/pages/Myroom/R2Myroom.jsx
@@ -7,6 +7,7 @@ import DottedLine from "@/components/DottedLine";
 import Empty from "@/components/Empty";
 import Pagination, { PAGE_MAX_ITEMS } from "@/components/Pagination";
 import Room from "@/components/Room";
+import AnimatedRoom from "@/components/Room/AnimatedRoom";
 import Title from "@/components/Title";
 import WhiteContainer from "@/components/WhiteContainer";
 
@@ -60,11 +61,12 @@ const R2Myroom = (props) => {
                     currentId={props.roomId}
                     id={item._id}
                   >
-                    <Room
+                    <AnimatedRoom
                       data={item}
                       selected={props.roomId === item._id}
                       theme="purple"
                       marginTop="15px"
+                      type={item.type}
                     />
                   </LinkRoom>
                 ))
@@ -91,11 +93,12 @@ const R2Myroom = (props) => {
                         currentId={props.roomId}
                         id={item._id}
                       >
-                        <Room
+                        <AnimatedRoom
                           data={item}
                           selected={props.roomId === item._id}
                           theme="purple"
                           marginTop="15px"
+                          type={item.type}
                         />
                       </LinkRoom>
                     ))}
diff --git a/packages/web/src/pages/Myroom/index.jsx b/packages/web/src/pages/Myroom/index.jsx
index 74addd835..2fba017e4 100644
--- a/packages/web/src/pages/Myroom/index.jsx
+++ b/packages/web/src/pages/Myroom/index.jsx
@@ -2,8 +2,13 @@ import { useEffect } from "react";
 import { useHistory, useParams } from "react-router-dom";
 
 import useButterflyState from "@/hooks/useButterflyState";
-import { useIsLogin, useValueRecoilState } from "@/hooks/useFetchRecoilState";
+import {
+  useFetchRecoilState,
+  useIsLogin,
+  useValueRecoilState,
+} from "@/hooks/useFetchRecoilState";
 import usePageFromSearchParams from "@/hooks/usePageFromSearchParams";
+import useRoomListAnimationState from "@/hooks/useRoomListAnimationState";
 
 import AdaptiveDiv from "@/components/AdaptiveDiv";
 import { PAGE_MAX_ITEMS } from "@/components/Pagination";
@@ -20,10 +25,22 @@ const Myroom = () => {
   const { roomId } = useParams();
   const butterflyState = useButterflyState();
   const myRooms = useValueRecoilState("myRooms");
+  const fetchMyRooms = useFetchRecoilState("myRooms");
   const totalPages = Math.ceil((myRooms?.done?.length ?? 0) / PAGE_MAX_ITEMS);
   const currentPage = usePageFromSearchParams(totalPages);
   const isLogin = useIsLogin();
 
+  const { localRooms: ongoing } = useRoomListAnimationState(myRooms?.ongoing);
+  const { localRooms: done } = useRoomListAnimationState(myRooms?.done);
+
+  useEffect(() => {
+    const interval = setInterval(() => {
+      fetchMyRooms();
+    }, 1000 * 10);
+
+    return () => clearInterval(interval);
+  }, []);
+
   useEffect(() => {
     if (butterflyState === "fold" && roomId) {
       history.replace(`/chatting/${roomId}`);
@@ -40,15 +57,15 @@ const Myroom = () => {
   ) : butterflyState === "fold" ? (
     <R1Myroom
       roomId={roomId}
-      ongoing={myRooms?.ongoing}
-      done={myRooms?.done}
+      ongoing={ongoing}
+      done={done}
       donePageInfo={{ totalPages, currentPage }}
     />
   ) : (
     <R2Myroom
       roomId={roomId}
-      ongoing={myRooms?.ongoing}
-      done={myRooms?.done}
+      ongoing={ongoing}
+      done={done}
       donePageInfo={{ totalPages, currentPage }}
     />
   );
diff --git a/packages/web/src/static/members/members.ts b/packages/web/src/static/members/members.ts
index 50b8e0c67..9c1d0d711 100644
--- a/packages/web/src/static/members/members.ts
+++ b/packages/web/src/static/members/members.ts
@@ -23,7 +23,8 @@ const members: Members = [
   {
     position: "Project Manager",
     list: [
-      { name: "김건", id: "suwon", period: "2022 ~ 2023" }, // 22봄 ~ 23여름 (누적 6학기)
+      { name: "김민찬", id: "static", period: "2024" }, // 24봄 (누적 1학기)
+      { name: "김건", id: "suwon", period: "2022 ~ 2023" }, // 22봄 ~ 23겨울 (누적 8학기)
       { name: "이채영", id: "stitch", period: "2021" }, // 21봄 ~ 21겨울 (누적 4학기)
     ],
   },
@@ -31,36 +32,41 @@ const members: Members = [
     position: "Designer",
     list: [
       { name: "최지헌", id: "agent", period: "2021 ~ 2022" }, // 21여름 ~ 22겨울 (누적 7학기)
+      { name: "황인태", id: "ricky", period: "2023 ~ 2024" }, // 23가을 ~ 24봄 (누적 2학기)
       { name: "조유민", id: "yumyum", period: "2023" }, // 23여름 ~ 23가을 (누적 3학기)
       { name: "이혜원", id: "chillo", period: "2021" }, // 21가을 ~ 21겨울 (누적 2학기)
-      { name: "황인태", id: "ricky", period: "2023" }, // 23가을 (누적 1학기)
     ],
   },
   {
     position: "Developer",
     list: [
-      { name: "정상", id: "macintosh", period: "2021 ~ 2023" }, // 21가을 ~ 23가을 (누적 9학기)
-      { name: "예상우", id: "andy", period: "2022 ~ 2023" }, // 22봄 ~ 23가을 (누적 7학기)
-      { name: "손성민", id: "happycastle", period: "2022 ~ 2023" }, // 22여름 ~ 23가을 (누적 6학기)
-      { name: "최동원", id: "won", period: "2022 ~ 2023" }, // 22가을 ~ 23가을 (누적 5학기)
+      { name: "정상", id: "macintosh", period: "2021 ~ 2023" }, // 21가을 ~ 23겨울 (누적 10학기)
+      { name: "예상우", id: "andy", period: "2022 ~ 2024" }, // 22봄 ~ 24봄 (누적 9학기)
+      { name: "손성민", id: "happycastle", period: "2022 ~ 2024" }, // 22여름 ~ 24봄 (누적 8학기)
+      { name: "최동원", id: "won", period: "2022 ~ 2024" }, // 22가을 ~ 24봄 (누적 7학기)
+      { name: "김효경", id: "diana", period: "2022 ~ 2023" }, // 22가을 ~ 23겨울 (누적 6학기)
       { name: "이서완", id: "swany", period: "2022 ~ 2023" }, // 22봄 ~ 23봄 (누적 5학기)
-      { name: "김효경", id: "diana", period: "2022 ~ 2023" }, // 22가을 ~ 23가을 (누적 5학기)
-      { name: "최지헌", id: "agent", period: "2022" }, // 22봄 ~ 22겨울 (누적 4학기)
-      { name: "최준영", id: "dogma", period: "2021" }, // 21봄 ~ 21겨울 (누적 4학기)
+      { name: "윤부민", id: "nimby", period: "2023 ~ 2024" }, // 23여름 ~ 24봄 (누적 4학기)
+      { name: "한우영", id: "hanu", period: "2023 ~ 2024" }, // 23여름 ~ 24봄 (누적 4학기)
       { name: "김태우", id: "toby", period: "2021 ~ 2023" }, // 21가을 ~ 22봄, 23가을 (누적 4학기)
       { name: "안태찬", id: "return", period: "2022 ~ 2023" }, // 22가을 ~ 23봄, 23가을 (누적 4학기)
+      { name: "최지헌", id: "agent", period: "2022" }, // 22봄 ~ 22겨울 (누적 4학기)
+      { name: "최준영", id: "dogma", period: "2021" }, // 21봄 ~ 21겨울 (누적 4학기)
       { name: "이진우", id: "jaydub", period: "2022" }, // 22봄 ~ 22겨울 (누적 3학기)
-      { name: "윤부민", id: "nimby", period: "2023" }, // 23여름 ~ 23가을 (누적 2학기)
-      { name: "한우영", id: "hanu", period: "2023" }, // 23여름 ~ 23가을 (누적 2학기)
+      { name: "박태현", id: "source", period: "2023 ~ 2024" }, // 23가을 ~ 24봄 (누적 2학기)
+      { name: "권진현", id: "daystar", period: "2023 ~ 2024" }, // 23가을 ~ 24봄 (누적 2학기)
+      { name: "박지호", id: "night", period: "2022" }, // 22여름 ~ 22가을 (누적 2학기)
       { name: "신태현", id: "kiko", period: "2022" }, // 22봄 ~ 22여름 (누적 2학기)
       { name: "박진호", id: "bread", period: "2021" }, // 21가을 ~ 21겨울 (누적 2학기)
       { name: "송인화", id: "ina", period: "2021" }, // 21봄 ~ 21여름 (누적 2학기)
-      { name: "박지호", id: "night", period: "2022" }, // 22여름 ~ 22가을 (누적 2학기)
-      { name: "김민찬", id: "static", period: "2023" }, // 23가을 (누적 1학기)
-      { name: "박태현", id: "source", period: "2023" }, // 23가을 (누적 1학기)
-      { name: "권진현", id: "daystar", period: "2023" }, // 23가을 (누적 1학기)
+      { name: "김제윤", id: "doolly", period: "2024" }, // 24봄 (누적 1학기)
+      { name: "황민성", id: "minseong", period: "2024" }, // 24봄 (누적 1학기)
+      { name: "박병찬", id: "chan", period: "2023" }, // 23겨울 (누적 1학기)
+      { name: "권순호", id: "snowsuno", period: "2023" }, // 23겨울 (누적 1학기)
+      { name: "민지연", id: "mingle", period: "2023" }, // 23겨울 (누적 1학기)
       { name: "김현수", id: "default", period: "2023" }, // 23가을 (누적 1학기)
-      { name: "김건", id: "suwon", period: "2021 ~ 2023" }, // 21봄 ~ 21겨울 (누적 4학기)
+      { name: "김민찬", id: "static", period: "2023 ~ 2024" }, // 23가을 ~ 24봄 (누적 2학기)
+      { name: "김건", id: "suwon", period: "2021 ~ 2023" }, // 21봄 ~ 23겨울 (누적 12학기)
       { name: "이채영", id: "stitch", period: "2021" }, // 21봄 ~ 21겨울 (누적 4학기)
     ],
   },