Merge pull request #237 from SOPT-all/fix/#236/qa-fifth

[FIX] QA 5차 대응
SOPT-all · Jan 25, 2025 · 50e6de9 · 50e6de9
2 parents b18405b + c01f649
commit 50e6de9
Show file tree

Hide file tree

Showing 7 changed files with 7 additions and 10 deletions.
diff --git a/src/components/common/tapBar/TapBar.tsx b/src/components/common/tapBar/TapBar.tsx
@@ -39,7 +39,7 @@ const TapBar = ({ type, selectedTap }: TapBarProps) => {
   }, []);
 
   return (
-    <div className={tapBarContainer} id="detail-section-0">
+    <div className={tapBarContainer}>
       {taplist.map((label, index) => (
         <UnderlinedBtn
           key={index}

diff --git a/src/components/templeDetail/naverMap/smallMap/SmallMap.tsx b/src/components/templeDetail/naverMap/smallMap/SmallMap.tsx
@@ -25,7 +25,7 @@ const SmallMap = ({ detailAddress, latitude, longitude }: MapDataProps) => {
   );
 
   return (
-    <div className={styles.mapContainerWrapper}>
+    <div className={styles.mapContainerWrapper} id="detail-section-4">
       <DetailTitle title="지도" />
       <div className={styles.mapContainerStyle}>
         <div className={styles.addressDetailStyle}>

diff --git a/src/components/templeDetail/templeInfo/templeInfo.tsx b/src/components/templeDetail/templeInfo/templeInfo.tsx
@@ -22,7 +22,7 @@ const TempleInfo = ({ introduction }: TempleInfoProps) => {
   }
 
   return (
-    <div className={styles.templeInfoContainer} id="detail-section-4">
+    <div className={styles.templeInfoContainer} id="detail-section-3">
       <DetailTitle title="템플스테이 정보" />
       {parsedIntroduction ? (
         <div className={styles.templeInfoBoxStyle}>

diff --git a/src/components/templeDetail/templePrice/TemplePrice.tsx b/src/components/templeDetail/templePrice/TemplePrice.tsx
@@ -7,7 +7,7 @@ interface TemplePriceProps {
 
 const TemplePrice = ({ templestayPrice }: TemplePriceProps) => {
   return (
-    <div className={styles.templePriceWrapper} id="detail-section-3">
+    <div className={styles.templePriceWrapper} id="detail-section-2">
       <DetailTitle title="가격" />
       {templestayPrice ? (
         <div className={styles.templePriceBox}>

diff --git a/src/components/templeDetail/templeReview/TempleReview.tsx b/src/components/templeDetail/templeReview/TempleReview.tsx
@@ -31,7 +31,7 @@ const TempleReview = () => {
   }
 
   return (
-    <div className={styles.templeReviewWrapper} id="detail-section-1">
+    <div className={styles.templeReviewWrapper} id="detail-section-0">
       <DetailTitle
         title="리뷰"
         isTotal={true}

diff --git a/src/components/templeDetail/templeSchedule/TempleSchedule.tsx b/src/components/templeDetail/templeSchedule/TempleSchedule.tsx
@@ -20,7 +20,7 @@ const TempleSchedule = ({ schedule }: TempleScheduleProps) => {
   }
 
   return (
-    <div className={styles.templeScheduleContainer} id="detail-section-2">
+    <div className={styles.templeScheduleContainer} id="detail-section-1">
       <DetailTitle title="프로그램 일정" isTotal={false} />
       {parsedSchedule ? (
         Object.entries(parsedSchedule).map(([day, programs]) => (

diff --git a/src/hooks/useMoveScroll.ts b/src/hooks/useMoveScroll.ts
@@ -6,10 +6,7 @@ const useMoveScroll = (type: string, headerHeight: number = 0) => {
       const targetElement = document.getElementById(sectionIds[activeIndex]);
 
       if (targetElement) {
-        const elementPosition =
-          type === 'detail'
-            ? targetElement.getBoundingClientRect().bottom
-            : targetElement.getBoundingClientRect().top; // 요소의 현재 화면 내 위치
+        const elementPosition = targetElement.getBoundingClientRect().top;
         const offsetPosition = window.scrollY + elementPosition - headerHeight; // 동일한 위치 계산
 
         window.scrollTo({