+ sass 모듈 및 설정 업로드

app/assets/scss/style.scss

@@ -1,4 +1,6 @@
 @import "pretendard/dist/web/static/pretendard.css";
+
+// SCSS watching test
 * {
     font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
     word-break: keep-all;

app/assets/scss/sub.scss

@@ -1,3 +1,4 @@
+
 /** 탑 비쥬얼 공통 모듈 **/
 #top--visual{
   display: flex;
@@ -13,13 +14,16 @@
     background-size: contain;
   }
 
+  
+
   .inner--content{
     max-height: 440px;
     min-height: 440px;
     display: flex;
     align-items: center;
     justify-content: center;
-    position: relative;
+    position: relative;    
+  
     > h1{
       color:#FFF;
       text-align: center;      

app/pages/contact/support.vue

@@ -261,18 +261,7 @@
           </form>
         </div>
 
-        <!-- 오시는 길 섹션 -->
-        <div class="map-section">
-          <h3>오시는 길</h3>
-          <ul class="info-list">
-            <li>서울시 강남구 언주로 650 한국건설기술인협회 신관 2층</li>
-          </ul>
-          <ul class="contact-list">
-            <li>Tel : 02-3447-8801~8802</li>
-            <li>E-Mail : green@greenwhaleglobal.com</li>
-          </ul>
-          <div id="map" class="map-container"></div>
-        </div>
+        
       </div>
     </section>
   </main>
@@ -375,8 +364,7 @@ const submitForm = async () => {
     submitData.append('title', formData.value.title)
     submitData.append('contents', formData.value.contents)
 
-    // 디버깅을 위한 FormData 내용 출력
-    console.log('=== Form Data 전송 내용 ===')
+    // 디버깅을 위한 FormData 내용 출력    
     for (let [key, value] of submitData.entries()) {
       console.log(`${key}:`, value)
     }
@@ -385,13 +373,7 @@ const submitForm = async () => {
     const config = useRuntimeConfig()
     const apiUrl = config.public.apiBase || 'http://localhost'
     const fullUrl = `${apiUrl}/board_proc`
-    
-    console.log('=== API 호출 정보 ===')
-    console.log('API URL:', fullUrl)
-    console.log('Request headers:', {
-      'Content-Type': 'multipart/form-data',
-      'X-Requested-With': 'XMLHttpRequest'
-    })
+        
     
     const response = await axios.post(
       fullUrl,
@@ -403,11 +385,7 @@ const submitForm = async () => {
         }
       }
     )
-
-    console.log('=== API 응답 ===')
-    console.log('Response status:', response.status)
-    console.log('Response headers:', response.headers)
-    console.log('Response data:', response.data)
+    
 
     if (response.data && response.data.success) {
       alert('문의가 정상적으로 접수되었습니다.')
@@ -417,11 +395,7 @@ const submitForm = async () => {
       alert(`문의 접수 중 오류가 발생했습니다. 응답: ${JSON.stringify(response.data)}`)
     }
   } catch (error) {
-    console.error('=== 전체 에러 정보 ===')
-    console.error('Error object:', error)
-    console.error('Error message:', error.message)
-    console.error('Error response:', error.response)
-    
+        
     if (error.response) {
       console.error('Error response status:', error.response.status)
       console.error('Error response data:', error.response.data)
@@ -455,32 +429,12 @@ const resetForm = () => {
   }
 }
 
-// 네이버 지도 초기화
+
 onMounted(() => {
-  if (typeof naver !== 'undefined' && naver.maps) {
-    const position = new naver.maps.LatLng(37.51490691373259, 127.03574342661345)
-    
-    const map = new naver.maps.Map('map', {
-      center: position,
-      zoom: 16
-    })
-
-    new naver.maps.Marker({
-      position: position,
-      map: map
-    })
-  }
+  
 })
 
-// 메타 정보 설정
-useHead({
-  script: [
-    {
-      src: 'https://openapi.map.naver.com/openapi/v3/maps.js?ncpClientId=5qsxjdotgi',
-      async: true
-    }
-  ]
-})
+
 </script>
 
 <style scoped>

nuxt.config.ts

@@ -30,9 +30,18 @@ export default defineNuxtConfig({
     colorMode: false
   },
   css: [
-    '~/assets/styles/style.css',
-    '~/assets/styles/sub.css'
+    '~/assets/scss/style.scss',
+    '~/assets/scss/sub.scss'
   ],
+  vite: {
+    css: {
+      preprocessorOptions: {
+        scss: {
+          additionalData: ''
+        }
+      }
+    }
+  },
   compatibilityDate: '2025-07-15',
   devtools: { enabled: false },
   devServer: {

package-lock.json

@@ -20,6 +20,9 @@
         "vue": "^3.5.21",
         "vue-router": "^4.5.1",
         "vue3-marquee": "^4.2.2"
+      },
+      "devDependencies": {
+        "sass": "^1.93.2"
       }
     },
     "node_modules/@alloc/quick-lru": {
@@ -6810,6 +6813,13 @@
       "integrity": "sha512-K6acvFaelNxx8wc2VjbIzXKDVB0Khs0QT35U6NkGfTdCmjLNcO2945m7RFNR9/RPVFm48hq7QPzK8uGH18HCGw==",
       "license": "MIT"
     },
+    "node_modules/immutable": {
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.3.tgz",
+      "integrity": "sha512-+chQdDfvscSF1SJqv2gn4SRO2ZyS3xL3r7IW/wWEEzrzLisnOlKiQu5ytC/BVNcS15C39WT2Hg/bjKjDMcu+zg==",
+      "devOptional": true,
+      "license": "MIT"
+    },
     "node_modules/impound": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/impound/-/impound-1.0.0.tgz",
@@ -9681,6 +9691,27 @@
       ],
       "license": "MIT"
     },
+    "node_modules/sass": {
+      "version": "1.93.2",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.93.2.tgz",
+      "integrity": "sha512-t+YPtOQHpGW1QWsh1CHQ5cPIr9lbbGZLZnbihP/D/qZj/yuV68m8qarcV17nvkOX81BCrvzAlq2klCQFZghyTg==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "chokidar": "^4.0.0",
+        "immutable": "^5.0.2",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher": "^2.4.1"
+      }
+    },
     "node_modules/sax": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/sax/-/sax-1.4.1.tgz",

package.json

@@ -11,10 +11,10 @@
   },
   "dependencies": {
     "@nuxt/ui": "^3.3.4",
-    "gsap": "^3.13.0",
     "@vueup/vue-quill": "^1.2.0",
     "axios": "^1.12.2",
     "bootstrap": "^4.6.2",
+    "gsap": "^3.13.0",
     "jquery": "^3.7.1",
     "nuxt": "^4.1.2",
     "pretendard": "^1.3.9",
@@ -24,5 +24,8 @@
     "vue-router": "^4.5.1",
     "vue3-marquee": "^4.2.2"
   },
-  "packageManager": "pnpm@9.13.0+sha512.beb9e2a803db336c10c9af682b58ad7181ca0fbd0d4119f2b33d5f2582e96d6c0d93c85b23869295b765170fbdaa92890c0da6ada457415039769edf3c959efe"
+  "packageManager": "pnpm@9.13.0+sha512.beb9e2a803db336c10c9af682b58ad7181ca0fbd0d4119f2b33d5f2582e96d6c0d93c85b23869295b765170fbdaa92890c0da6ada457415039769edf3c959efe",
+  "devDependencies": {
+    "sass": "^1.93.2"
+  }
 }