🐛 Fix: 데이터 변경되면 슬라이드 위로 올림

src/components/workdetail/leftcomponent/LeftContent.jsx

@@ -1,9 +1,18 @@
+import { useEffect, useRef } from 'react';
 import * as L from './LeftContent.style';
 import Image from '../image/Image';
+
 export default function LeftContent({ images }) {
-  console.log(images);
+  const containerRef = useRef(null); 
+
+  useEffect(() => {
+    if (containerRef.current) {
+      containerRef.current.scrollTop = 0; 
+    }
+  }, [images]); 
+
   return (
-    <L.LeftContentContainer>
+    <L.LeftContentContainer ref={containerRef}>
       {images.map((item, index) => (
         <Image key={index} src={item.url} />
       ))}

src/components/workdetail/rightcomponent/RightContent.jsx

@@ -1,3 +1,4 @@
+import { useEffect, useRef } from 'react';
 import * as R from './RightContent.style';
 import viewSiteImage from '../../../assets/img/viewsite_black.png';
 import WorkTitle from '../worktitle/WorkTitle';
@@ -8,9 +9,16 @@ import ViewSite from '../button/ViewSite';
 
 
 export default function RightContent({ data }) {
-  console.log(data);
+  const containerRef = useRef(null); 
+
+  useEffect(() => {
+    if (containerRef.current) {
+      containerRef.current.scrollTop = 0; 
+    }
+  }, [data]); 
+
   return (
-    <R.RightContentContainer>
+    <R.RightContentContainer ref={containerRef}>
       <WorkTitle
         title={data.title}
         shortDescription={data.shortDescription}