Merge pull request #314 from prgrms-web-devcourse-final-project/refactor/remove-scroll-store

[refactor] useScrollStore 전역 상태 제거 및 관련 로직 정리

Author: kangsuyeong

src/pages/chat/ChatRoom.tsx

@@ -7,7 +7,6 @@ import { useEffect, useRef, useState } from 'react';
 import { MAX_CHAT_MESSAGE_LENGTH } from '@/constants';
 import { loadChatHistoryDev, loadChatRoomDetail } from '@/apis/chat';
 import { useAuthStore } from '@/store/authStore';
-import { useScrollStore } from '@/store/scrollStore';
 import { useChatStore } from '@/store/chatStore';
 import { useSheetStore } from '@/store/sheetStore';
 
@@ -52,18 +51,8 @@ export default function ChatRoom({}: ChatRoomProps) {
   const [isMobile, setIsMobile] = useState(false);
   const textareaRef = useRef<HTMLTextAreaElement | null>(null);
 
-  const { scrollContainerRefCurrent } = useScrollStore();
-
   const [chatDisabled, setChatDisabled] = useState(false);
 
-  // 최신 메시지로 스크롤
-  useEffect(() => {
-    if (scrollContainerRefCurrent) {
-      // console.log(scrollContainerRefCurrent);
-      scrollContainerRefCurrent.scrollTop = scrollContainerRefCurrent.scrollHeight;
-    }
-  }, [messages, scrollContainerRefCurrent]);
-
   const MAX_LINES = 8;
 
   const [timeLeft, setTimeLeft] = useState<number>(0);

src/pages/home/Home.tsx

@@ -13,10 +13,8 @@ import { useMusicCardStore } from '@/store/MusicCardStore';
 import InfoMessage from '@/components/InfoMessage';
 import LoadingMini from '@/components/loading/LoadingMini';
 import Loading from '@/components/loading/Loading';
-import { useScrollStore } from '@/store/scrollStore';
 
 function Home() {
-  const { scrollContainerRefCurrent } = useScrollStore();
   const { isMusicSheetOpen, openSheet, closeAllSheets } = useSheetStore(); // 모달 시트
   const { selectedPostMusic, clearPostMusic } = useMusicCardStore(); // 선택된 음악
 
@@ -104,14 +102,6 @@ function Home() {
     }
   }, [searchText]);
 
-  //홈 이동 시 스크롤 제일 위로
-  useEffect(() => {
-    if (scrollContainerRefCurrent) {
-      // // console.log(scrollContainerRefCurrent);
-      scrollContainerRefCurrent.scrollTop = 0; // 제일 위로 스크롤
-    }
-  }, [scrollContainerRefCurrent]);
-
   return (
     <div className="flex flex-col w-full gap-5 mt-5">
       <SearchBar