fix. 운영 api 수정된 구조에 맞춰 코드 수정

layers/templates/GrGallery02/index.vue

@@ -91,3 +91,10 @@ const handleChange = (
     </div>
   </section>
 </template>
+
+<style scoped>
+.section-container {
+  @apply before:hidden md:before:block before:content-[''] before:absolute before:top-0 before:left-0 before:w-[104px] before:h-full before:bg-gradient-to-l from-transparent to-[rgba(0,0,0,0.7)] 
+  after:hidden md:after:block after:content-[''] after:absolute after:top-0 after:right-0 after:w-[104px] after:h-full after:bg-gradient-to-r from-transparent to-[rgba(0,0,0,0.7)];
+}
+</style>

layers/templates/GrVisual02/index.vue

@@ -1,6 +1,10 @@
 <script setup lang="ts">
 import { SplideSlide } from '@splidejs/vue-splide'
-import { getComponentGroup, getComponentGroupAry } from '#layers/utils/dataUtil'
+import {
+  getComponentGroup,
+  getComponentGroupAry,
+  ensureMinimumSlideOperateData,
+} from '#layers/utils/dataUtil'
 import type { PageDataTemplateComponents } from '#layers/types/api/pageData'
 
 interface Props {
@@ -49,20 +53,10 @@ const { data: resourcesData } = await useLazyAsyncData(
 )
 
 const slideData = computed(() => {
-  const operateComponents = resourcesData.value?.operate_components
+  if (!resourcesData.value) return []
 
-  if (!operateComponents) {
-    return []
-  }
-
-  const firstKey = Object.keys(operateComponents)[0]
-  const data = operateComponents[firstKey]?.list_operate_groups || []
-
-  if (data.length < 3) {
-    return [...data, ...data]
-  }
-
-  return data
+  const data = getComponentGroupAry(resourcesData.value, 'bannerList')
+  return ensureMinimumSlideOperateData(data)
 })
 
 const slideItemSize = {