미디어 쇼케이스 주석처리

This commit is contained in:
2026-11-10 10:46:01 +09:00
parent 56a6716349
commit ae325fde83
+31 -37
View File
@@ -19,7 +19,8 @@
<span class="meta-kw-tag">#1대1방문과외</span> <span class="meta-kw-tag">#1대1방문과외</span>
</div> </div>
<h2 class="selector-h2">전국 17개 시·도 5,038개 동네별 중등·고등 국어·영어·수학·사회·과학 1:1 맞춤 과외 안내</h2> <h2 class="selector-h2">전국 17개 시·도 5,038개 동네별 중등·고등 국어·영어·수학·사회·과학 1:1 맞춤 과외 안내</h2>
<p class="selector-sub">시/도, 시/군/구, 읍/면/동 및 학년과 과목을 선택하시면 동별 맞춤 과외 페이지로 즉시 연결되며, 인근 학교 내신 기출 분석과 성향별 1:1 전담 선생님을 확인하실 수 있습니다.</p> <p class="selector-sub">시/도, 시/군/구, 읍/면/동 및 학년과 과목을 선택하시면 동별 맞춤 과외 페이지로 즉시 연결되며, 인근 학교 내신 기출 분석과 성향별 1:1 전담
선생님을 확인하실 수 있습니다.</p>
<div class="selection-grid"> <div class="selection-grid">
<!-- 시도 --> <!-- 시도 -->
@@ -64,19 +65,26 @@
</div> </div>
<router-link :to="selectedLandingUrl" class="btn-primary btn-go-landing"> <router-link :to="selectedLandingUrl" class="btn-primary btn-go-landing">
{{ selectedSido }} {{ selectedSigungu }} {{ selectedDong }} {{ selectedTargetName }} {{ selectedSubjectName }} 과외 페이지로 이동 {{ selectedSido }} {{ selectedSigungu }} {{ selectedDong }} {{ selectedTargetName }} {{
selectedSubjectName }} 과외 페이지로 이동
</router-link> </router-link>
<!-- 추천 대표 지역 바로가기 --> <!-- 추천 대표 지역 바로가기 -->
<div class="popular-links"> <div class="popular-links">
<span>추천 지역 바로가기:</span> <span>추천 지역 바로가기:</span>
<router-link to="/regions" class="quick-chip highlight">전국 지역 전체보기 (50,380개)</router-link> <router-link to="/regions" class="quick-chip highlight">전국 지역 전체보기 (50,380개)</router-link>
<router-link to="/incheon/yeonsu-gu/songdo-dong/middle/math" class="quick-chip">[인천] 연수구 송도동 중등 수학</router-link> <router-link to="/incheon/yeonsu-gu/songdo-dong/middle/math" class="quick-chip">[인천] 연수구 송도동 중등
<router-link to="/daegu/suseong-gu/hwanggeum-dong/middle/math" class="quick-chip">[대구] 수성구 황금동 중등 수학</router-link> 수학</router-link>
<router-link to="/daegu/suseong-gu/hwanggeum-dong/high/korean" class="quick-chip">[대구] 수성구 황금동 고등 국어</router-link> <router-link to="/daegu/suseong-gu/hwanggeum-dong/middle/math" class="quick-chip">[대구] 수성구 황금동 중등
<router-link to="/seoul/gangnam-gu/daechi-dong/high/math" class="quick-chip">[서울] 강남구 대치동 고등 수학</router-link> 수학</router-link>
<router-link to="/gyeonggi/seongnam-si-bundang-gu/sunae-dong/middle/english" class="quick-chip">[경기] 분당구 수내동 중등 영어</router-link> <router-link to="/daegu/suseong-gu/hwanggeum-dong/high/korean" class="quick-chip">[대구] 수성구 황금동 고등
<router-link to="/busan/haeundae-gu/u-dong/middle/english" class="quick-chip">[부산] 해운대구 우동 중등 영어</router-link> 국어</router-link>
<router-link to="/seoul/gangnam-gu/daechi-dong/high/math" class="quick-chip">[서울] 강남구 대치동 고등
수학</router-link>
<router-link to="/gyeonggi/seongnam-si-bundang-gu/sunae-dong/middle/english" class="quick-chip">[경기] 분당구
수내동 중등 영어</router-link>
<router-link to="/busan/haeundae-gu/u-dong/middle/english" class="quick-chip">[부산] 해운대구 우동 중등
영어</router-link>
</div> </div>
</div> </div>
</div> </div>
@@ -96,13 +104,9 @@
<!-- 시·도 선택 탭 (클릭한 1개 시·도만 렌더링하여 초기 로딩 부하 대폭 감소) --> <!-- 시·도 선택 탭 (클릭한 1개 시·도만 렌더링하여 초기 로딩 부하 대폭 감소) -->
<div class="hub-sido-tabs"> <div class="hub-sido-tabs">
<button <button v-for="sido in REGIONS_DATA" :key="`tab-${sido.sidoSlug}`" type="button"
v-for="sido in REGIONS_DATA"
:key="`tab-${sido.sidoSlug}`"
type="button"
:class="['hub-sido-tab', { active: activeHubSidoSlug === sido.sidoSlug }]" :class="['hub-sido-tab', { active: activeHubSidoSlug === sido.sidoSlug }]"
@click="activeHubSidoSlug = sido.sidoSlug" @click="activeHubSidoSlug = sido.sidoSlug">
>
{{ sido.sidoShort }} {{ sido.sidoShort }}
</button> </button>
</div> </div>
@@ -116,20 +120,19 @@
</div> </div>
<p class="hub-sigungu-desc"> <p class="hub-sigungu-desc">
주요 시·군·구: {{activeHubSidoObj.sigunguList.slice(0, 8).map(g => g.name).join(', ')}} 주요 시·군·구: {{activeHubSidoObj.sigunguList.slice(0, 8).map(g => g.name).join(', ')}}
<template v-if="activeHubSidoObj.sigunguList.length > 8"> 외 {{ activeHubSidoObj.sigunguList.length - 8 }}곳</template> <template v-if="activeHubSidoObj.sigunguList.length > 8"> 외 {{ activeHubSidoObj.sigunguList.length - 8
}}곳</template>
</p> </p>
<!-- 대표 시군구/동의 중등·고등 과목별 직접 링크 --> <!-- 대표 시군구/동의 중등·고등 과목별 직접 링크 -->
<div v-if="activeHubSidoObj.sigunguList[0] && activeHubSidoObj.sigunguList[0].dongList[0]" class="hub-subject-groups"> <div v-if="activeHubSidoObj.sigunguList[0] && activeHubSidoObj.sigunguList[0].dongList[0]"
class="hub-subject-groups">
<div class="hub-target-row"> <div class="hub-target-row">
<span class="hub-target-label">{{ activeHubSidoObj.sidoShort }} 중등 과외</span> <span class="hub-target-label">{{ activeHubSidoObj.sidoShort }} 중등 과외</span>
<div class="hub-chip-list"> <div class="hub-chip-list">
<router-link <router-link v-for="sub in SUBJECTS" :key="`m-${sub.slug}`"
v-for="sub in SUBJECTS"
:key="`m-${sub.slug}`"
:to="`/${activeHubSidoObj.sidoSlug}/${activeHubSidoObj.sigunguList[0].sigunguSlug}/${activeHubSidoObj.sigunguList[0].dongList[0].dongSlug}/middle/${sub.slug}`" :to="`/${activeHubSidoObj.sidoSlug}/${activeHubSidoObj.sigunguList[0].sigunguSlug}/${activeHubSidoObj.sigunguList[0].dongList[0].dongSlug}/middle/${sub.slug}`"
class="hub-chip" class="hub-chip">
>
{{ activeHubSidoObj.sidoShort }} 중등 {{ sub.name }} 과외 {{ activeHubSidoObj.sidoShort }} 중등 {{ sub.name }} 과외
</router-link> </router-link>
</div> </div>
@@ -137,12 +140,9 @@
<div class="hub-target-row"> <div class="hub-target-row">
<span class="hub-target-label high">{{ activeHubSidoObj.sidoShort }} 고등 과외</span> <span class="hub-target-label high">{{ activeHubSidoObj.sidoShort }} 고등 과외</span>
<div class="hub-chip-list"> <div class="hub-chip-list">
<router-link <router-link v-for="sub in SUBJECTS" :key="`h-${sub.slug}`"
v-for="sub in SUBJECTS"
:key="`h-${sub.slug}`"
:to="`/${activeHubSidoObj.sidoSlug}/${activeHubSidoObj.sigunguList[0].sigunguSlug}/${activeHubSidoObj.sigunguList[0].dongList[0].dongSlug}/high/${sub.slug}`" :to="`/${activeHubSidoObj.sidoSlug}/${activeHubSidoObj.sigunguList[0].sigunguSlug}/${activeHubSidoObj.sigunguList[0].dongList[0].dongSlug}/high/${sub.slug}`"
class="hub-chip high" class="hub-chip high">
>
{{ activeHubSidoObj.sidoShort }} 고등 {{ sub.name }} 과외 {{ activeHubSidoObj.sidoShort }} 고등 {{ sub.name }} 과외
</router-link> </router-link>
</div> </div>
@@ -151,12 +151,9 @@
<!-- 시·군·구별 대표 랜딩 링크 (최대 12곳만 가볍게 표시) --> <!-- 시·군·구별 대표 랜딩 링크 (최대 12곳만 가볍게 표시) -->
<div class="hub-sigungu-links"> <div class="hub-sigungu-links">
<router-link <router-link v-for="sigungu in activeHubSidoObj.sigunguList.slice(0, 12)" :key="sigungu.sigunguSlug"
v-for="sigungu in activeHubSidoObj.sigunguList.slice(0, 12)"
:key="sigungu.sigunguSlug"
:to="`/${activeHubSidoObj.sidoSlug}/${sigungu.sigunguSlug}/${sigungu.dongList[0].dongSlug}/middle/math`" :to="`/${activeHubSidoObj.sidoSlug}/${sigungu.sigunguSlug}/${sigungu.dongList[0].dongSlug}/middle/math`"
class="sigungu-link-item" class="sigungu-link-item">
>
{{ activeHubSidoObj.sidoShort }} {{ sigungu.name }} {{ sigungu.dongList[0].name }} 중등 수학 과외 {{ activeHubSidoObj.sidoShort }} {{ sigungu.name }} {{ sigungu.dongList[0].name }} 중등 수학 과외
</router-link> </router-link>
</div> </div>
@@ -165,12 +162,9 @@
<!-- 검색로봇 크롤링용 17개 시·도 대표 경량 링크 바 (단 17개 링크로 전국 크롤링 보장) --> <!-- 검색로봇 크롤링용 17개 시·도 대표 경량 링크 바 (단 17개 링크로 전국 크롤링 보장) -->
<nav class="hub-seo-quickbar" aria-label="전국 17개 시도 대표 과외 바로가기"> <nav class="hub-seo-quickbar" aria-label="전국 17개 시도 대표 과외 바로가기">
<router-link <router-link v-for="sido in REGIONS_DATA" :key="`seo-${sido.sidoSlug}`"
v-for="sido in REGIONS_DATA"
:key="`seo-${sido.sidoSlug}`"
:to="`/${sido.sidoSlug}/${sido.sigunguList[0].sigunguSlug}/${sido.sigunguList[0].dongList[0].dongSlug}/middle/math`" :to="`/${sido.sidoSlug}/${sido.sigunguList[0].sigunguSlug}/${sido.sigunguList[0].dongList[0].dongSlug}/middle/math`"
class="seo-quick-link" class="seo-quick-link">
>
{{ sido.sidoShort }} 중등 수학 과외 {{ sido.sidoShort }} 중등 수학 과외
</router-link> </router-link>
</nav> </nav>
@@ -190,7 +184,7 @@
<FeaturesSection /> <FeaturesSection />
<!-- 6. 미디어 쇼케이스 섹션 --> <!-- 6. 미디어 쇼케이스 섹션 -->
<MediaSection /> <!-- <MediaSection /> -->
<!-- 7. CTA 신청 섹션 --> <!-- 7. CTA 신청 섹션 -->
<CtaSection /> <CtaSection />