Skip to content

Commit 7ebcd8d

Browse files
M1zzclaude
M1zz
and
claude
committed
refactor: move learning path up, remove redundant AI Reference section
- Move "Where do I start?" learning path to appear right after feature cards - Remove standalone AI Reference section (already accessible via each framework card) - Remove #ai-reference nav and footer links from both KO/EN versions - Add English translations for learning path cards in EN version Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 parent 665e357 commit 7ebcd8d

2 files changed

Lines changed: 69 additions & 247 deletions

File tree

‎site/en/index.html‎

Lines changed: 35 additions & 124 deletions
Original file line numberDiff line numberDiff line change
@@ -96,7 +96,6 @@
9696
<a href="https://github.com/M1zz/HIGLab/blob/main/GETTING_STARTED.md" data-i18n="nav_start">🌱 Get Started</a>
9797
<a href="roadmap.html" data-i18n="nav_roadmap">🗺️ Roadmap</a>
9898
<a href="../hig-playground/" data-i18n="nav_playground">🎨 HIG Playground</a>
99-
<a href="#ai-reference">🤖 AI Reference</a>
10099
<a href="https://github.com/M1zz/HIGLab">GitHub</a>
101100
<a href="https://youtube.com/@leeo25" data-i18n="nav_channel">YouTube</a>
102101
<a href="../" style="background:var(--accent);color:#fff;border:none;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;cursor:pointer;margin-left:8px;text-decoration:none;">🇰🇷 KO</a>
@@ -158,6 +157,40 @@ <h1 data-i18n="hero_title">Everything About<br>Apple Development</h1>
158157
</div>
159158
</div>
160159

160+
<!-- Learning Path -->
161+
<div class="phase-section" id="learning-path" style="background:linear-gradient(135deg,#f5f5f7,#e8e8ed);border-radius:20px;margin:0 24px 40px;padding:32px;">
162+
<div class="phase-header" style="border:none;padding:0;margin-bottom:20px;">
163+
<span class="phase-icon">🎯</span>
164+
<span class="phase-title" data-i18n="lp_title">Where do I start?</span>
165+
</div>
166+
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;">
167+
<div style="background:white;padding:20px;border-radius:12px;">
168+
<div style="font-size:24px;margin-bottom:8px;">🌱</div>
169+
<div style="font-weight:700;margin-bottom:4px;" data-i18n="lp1_title">Complete Beginner</div>
170+
<div style="font-size:13px;color:var(--text-2);margin-bottom:12px;" data-i18n="lp1_desc">Just learned Swift</div>
171+
<a href="#swiftui" style="color:var(--accent);font-size:13px;font-weight:600;">SwiftUI → TaskMaster</a>
172+
</div>
173+
<div style="background:white;padding:20px;border-radius:12px;">
174+
<div style="font-size:24px;margin-bottom:8px;">🌿</div>
175+
<div style="font-weight:700;margin-bottom:4px;" data-i18n="lp2_title">Some Basics</div>
176+
<div style="font-size:13px;color:var(--text-2);margin-bottom:12px;" data-i18n="lp2_desc">Tried some SwiftUI</div>
177+
<a href="#phase1" style="color:var(--accent);font-size:13px;font-weight:600;">WidgetKit → WeatherWidget</a>
178+
</div>
179+
<div style="background:white;padding:20px;border-radius:12px;">
180+
<div style="font-size:24px;margin-bottom:8px;">🌳</div>
181+
<div style="font-weight:700;margin-bottom:4px;" data-i18n="lp3_title">Intermediate</div>
182+
<div style="font-size:13px;color:var(--text-2);margin-bottom:12px;" data-i18n="lp3_desc">Built a few apps</div>
183+
<a href="#phase2" style="color:var(--accent);font-size:13px;font-weight:600;">StoreKit → SubscriptionApp</a>
184+
</div>
185+
<div style="background:white;padding:20px;border-radius:12px;">
186+
<div style="font-size:24px;margin-bottom:8px;">🌲</div>
187+
<div style="font-weight:700;margin-bottom:4px;" data-i18n="lp4_title">Advanced</div>
188+
<div style="font-size:13px;color:var(--text-2);margin-bottom:12px;" data-i18n="lp4_desc">Production experience</div>
189+
<a href="#phase5" style="color:var(--accent);font-size:13px;font-weight:600;">Foundation Models → AIChatbot</a>
190+
</div>
191+
</div>
192+
</div>
193+
161194
<!-- Frameworks Section Header -->
162195
<div class="section-divider" id="frameworks">
163196
<div class="section-divider-inner">
@@ -1146,133 +1179,11 @@ <h2>📚 Frameworks</h2>
11461179
</div>
11471180
</div>
11481181

1149-
<!-- 학습 경로 추천 -->
1150-
<div class="phase-section" id="learning-path" style="background:linear-gradient(135deg,#f5f5f7,#e8e8ed);border-radius:20px;margin:0 24px 40px;padding:32px;">
1151-
<div class="phase-header" style="border:none;padding:0;margin-bottom:20px;">
1152-
<span class="phase-icon">🎯</span>
1153-
<span class="phase-title" data-i18n="lp_title">어디서 시작할까요?</span>
1154-
</div>
1155-
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;">
1156-
<div style="background:white;padding:20px;border-radius:12px;">
1157-
<div style="font-size:24px;margin-bottom:8px;">🌱</div>
1158-
<div style="font-weight:700;margin-bottom:4px;" data-i18n="lp1_title">완전 초보</div>
1159-
<div style="font-size:13px;color:var(--text-2);margin-bottom:12px;" data-i18n="lp1_desc">Swift 막 배웠어요</div>
1160-
<a href="#swiftui" style="color:var(--accent);font-size:13px;font-weight:600;">SwiftUI → TaskMaster</a>
1161-
</div>
1162-
<div style="background:white;padding:20px;border-radius:12px;">
1163-
<div style="font-size:24px;margin-bottom:8px;">🌿</div>
1164-
<div style="font-weight:700;margin-bottom:4px;" data-i18n="lp2_title">기초 있음</div>
1165-
<div style="font-size:13px;color:var(--text-2);margin-bottom:12px;" data-i18n="lp2_desc">SwiftUI 좀 해봤어요</div>
1166-
<a href="#phase1" style="color:var(--accent);font-size:13px;font-weight:600;">WidgetKit → WeatherWidget</a>
1167-
</div>
1168-
<div style="background:white;padding:20px;border-radius:12px;">
1169-
<div style="font-size:24px;margin-bottom:8px;">🌳</div>
1170-
<div style="font-weight:700;margin-bottom:4px;" data-i18n="lp3_title">중급</div>
1171-
<div style="font-size:13px;color:var(--text-2);margin-bottom:12px;" data-i18n="lp3_desc">앱 몇 개 만들어봤어요</div>
1172-
<a href="#phase2" style="color:var(--accent);font-size:13px;font-weight:600;">StoreKit → SubscriptionApp</a>
1173-
</div>
1174-
<div style="background:white;padding:20px;border-radius:12px;">
1175-
<div style="font-size:24px;margin-bottom:8px;">🌲</div>
1176-
<div style="font-weight:700;margin-bottom:4px;" data-i18n="lp4_title">고급</div>
1177-
<div style="font-size:13px;color:var(--text-2);margin-bottom:12px;" data-i18n="lp4_desc">실무 경험 있어요</div>
1178-
<a href="#phase5" style="color:var(--accent);font-size:13px;font-weight:600;">Foundation Models → AIChatbot</a>
1179-
</div>
1180-
</div>
1181-
</div>
1182-
1183-
<!-- AI Reference -->
1184-
<div class="phase-section" id="ai-reference" style="background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:24px;margin:40px 24px;padding:40px;">
1185-
<div class="phase-header" style="border:none;padding:0;margin-bottom:16px;">
1186-
<span class="phase-icon">🤖</span>
1187-
<span class="phase-title" style="color:white;">AI Reference</span>
1188-
<span class="phase-count" style="color:rgba(255,255,255,0.7);" data-i18n="ai_count">AI 코드 생성용 참조 문서</span>
1189-
</div>
1190-
<p style="color:rgba(255,255,255,0.8);margin-bottom:8px;font-size:15px;">
1191-
<strong>Claude, GPT, Cursor</strong> 등에 이 문서를 제공하면 정확한 iOS 코드를 생성합니다.
1192-
</p>
1193-
<p style="color:rgba(255,255,255,0.6);margin-bottom:24px;font-size:14px;" data-i18n="ai_desc2">
1194-
예: "widgets.md를 참고해서 날씨 위젯 만들어줘" → 바로 실행 가능한 코드 생성!
1195-
</p>
1196-
<a href="https://github.com/M1zz/HIGLab/blob/main/ai-reference/HOW-TO-USE.md" style="display:inline-block;background:white;color:#1a1a2e;padding:12px 24px;border-radius:12px;text-decoration:none;font-weight:600;font-size:14px;margin-bottom:24px;" data-i18n="ai_guide">📖 사용 가이드 보기</a>
1197-
<div class="grid">
1198-
<div class="card">
1199-
<div class="card-gradient" style="background:linear-gradient(135deg,#5856D6,#AF52DE)"><span class="icon">📦</span></div>
1200-
<div class="card-body">
1201-
<div class="card-title">WidgetKit</div>
1202-
<div class="card-desc">Timeline, Provider, Widget Family 전체 패턴</div>
1203-
<div class="card-links">
1204-
<a href="https://github.com/M1zz/HIGLab/blob/main/ai-reference/widgets.md" class="card-link active">AI Ref</a>
1205-
</div>
1206-
</div>
1207-
</div>
1208-
<div class="card">
1209-
<div class="card-gradient" style="background:linear-gradient(135deg,#FF9500,#FF3B30)"><span class="icon">🏃</span></div>
1210-
<div class="card-body">
1211-
<div class="card-title">ActivityKit</div>
1212-
<div class="card-desc">Live Activity, Dynamic Island 전체 구현</div>
1213-
<div class="card-links">
1214-
<a href="https://github.com/M1zz/HIGLab/blob/main/ai-reference/activitykit.md" class="card-link active">AI Ref</a>
1215-
</div>
1216-
</div>
1217-
</div>
1218-
<div class="card">
1219-
<div class="card-gradient" style="background:linear-gradient(135deg,#34C759,#30D158)"><span class="icon">👁️</span></div>
1220-
<div class="card-body">
1221-
<div class="card-title">@Observable</div>
1222-
<div class="card-desc">SwiftUI 최신 상태 관리 패턴</div>
1223-
<div class="card-links">
1224-
<a href="https://github.com/M1zz/HIGLab/blob/main/ai-reference/swiftui-observation.md" class="card-link active">AI Ref</a>
1225-
</div>
1226-
</div>
1227-
</div>
1228-
<div class="card">
1229-
<div class="card-gradient" style="background:linear-gradient(135deg,#007AFF,#5AC8FA)"><span class="icon">💾</span></div>
1230-
<div class="card-body">
1231-
<div class="card-title">SwiftData</div>
1232-
<div class="card-desc">@Model, @Query CRUD 전체 패턴</div>
1233-
<div class="card-links">
1234-
<a href="https://github.com/M1zz/HIGLab/blob/main/ai-reference/swiftdata.md" class="card-link active">AI Ref</a>
1235-
</div>
1236-
</div>
1237-
</div>
1238-
<div class="card">
1239-
<div class="card-gradient" style="background:linear-gradient(135deg,#FF2D55,#FF375F)"><span class="icon">🧠</span></div>
1240-
<div class="card-body">
1241-
<div class="card-title">Foundation Models</div>
1242-
<div class="card-desc">온디바이스 AI, Tool 사용</div>
1243-
<div class="card-links">
1244-
<a href="https://github.com/M1zz/HIGLab/blob/main/ai-reference/foundation-models.md" class="card-link active">AI Ref</a>
1245-
</div>
1246-
</div>
1247-
</div>
1248-
<div class="card">
1249-
<div class="card-gradient" style="background:linear-gradient(135deg,#5856D6,#007AFF)"><span class="icon">💳</span></div>
1250-
<div class="card-body">
1251-
<div class="card-title">StoreKit 2</div>
1252-
<div class="card-desc">인앱결제, 구독 전체 플로우</div>
1253-
<div class="card-links">
1254-
<a href="https://github.com/M1zz/HIGLab/blob/main/ai-reference/storekit.md" class="card-link active">AI Ref</a>
1255-
</div>
1256-
</div>
1257-
</div>
1258-
<div class="card">
1259-
<div class="card-gradient" style="background:linear-gradient(135deg,#007AFF,#64D2FF)"><span class="icon">📡</span></div>
1260-
<div class="card-body">
1261-
<div class="card-title">Core Bluetooth</div>
1262-
<div class="card-desc">BLE 스캔, 연결, 통신</div>
1263-
<div class="card-links">
1264-
<a href="https://github.com/M1zz/HIGLab/blob/main/ai-reference/core-bluetooth.md" class="card-link active">AI Ref</a>
1265-
</div>
1266-
</div>
1267-
</div>
1268-
</div>
1269-
</div>
12701182

12711183
<div class="footer">
12721184
<div style="display:flex;justify-content:center;gap:32px;flex-wrap:wrap;margin-bottom:20px;">
12731185
<a href="https://github.com/M1zz/HIGLab/blob/main/GETTING_STARTED.md" style="color:var(--accent);text-decoration:none;font-weight:500;" data-i18n="footer_start">🌱 시작 가이드</a>
1274-
<a href="#ai-reference" style="color:var(--accent);text-decoration:none;font-weight:500;">🤖 AI Reference</a>
1275-
<a href="https://github.com/M1zz/HIGLab/blob/main/ai-reference/HOW-TO-USE.md" style="color:var(--accent);text-decoration:none;font-weight:500;" data-i18n="footer_ai_use">📖 AI 활용법</a>
1186+
<a href="https://github.com/M1zz/HIGLab/blob/main/ai-reference/HOW-TO-USE.md" style="color:var(--accent);text-decoration:none;font-weight:500;" data-i18n="footer_ai_use">📖 AI Guide</a>
12761187
<a href="https://github.com/M1zz/HIGLab/blob/main/QUALITY_CHECKLIST.md" style="color:var(--accent);text-decoration:none;font-weight:500;" data-i18n="footer_quality">📋 품질 기준</a>
12771188
</div>
12781189
<span data-i18n="footer_by"><strong>HIG Lab</strong> by <a href="https://youtube.com/@leeo25">YouTube</a> ·

0 commit comments

Comments
 (0)