Skip to content

Commit 7391a0d

Browse files
author
lee-ji-soo-v2
committed
menu추가
1 parent 426492a commit 7391a0d

File tree

5 files changed

+207
-77
lines changed

5 files changed

+207
-77
lines changed

fundamentals/debug/.vitepress/config.mts

Lines changed: 99 additions & 77 deletions
Original file line numberDiff line numberDiff line change
@@ -14,109 +14,131 @@ export default defineConfig({
1414
description: "프론트엔드 접근성의 모든 것",
1515
ignoreDeadLinks: false,
1616
base: "/debug/",
17-
themeConfig: {
18-
// https://vitepress.dev/reference/default-theme-config
19-
...sharedConfig.themeConfig,
20-
nav: [{ text: "홈", link: "/" }],
21-
sidebar: [
22-
{
23-
text: "소개",
24-
items: [
25-
{
26-
text: "시작하기",
27-
link: "/pages/introduce.md"
28-
},
29-
{
30-
text: "효과적인 디버깅을 위한 4가지 단계",
31-
link: "/pages/start.md"
32-
},
33-
{
34-
text: "참여하기",
35-
link: "/pages/event.md"
36-
}
37-
]
38-
},
39-
{
40-
text: "실전 가이드",
41-
items: [
17+
locales: {
18+
// temporary
19+
en: {
20+
label: "English",
21+
lang: "en",
22+
themeConfig: { nav: [{ text: "Home", link: "/en/" }] }
23+
},
24+
ja: {
25+
label: "日本語",
26+
lang: "ja",
27+
themeConfig: { nav: [{ text: "ホーム", link: "/ja/" }] }
28+
},
29+
"zh-hans": {
30+
label: "简体中文",
31+
lang: "zh-hans",
32+
themeConfig: { nav: [{ text: "首页", link: "/zh-hans" }] }
33+
},
34+
root: {
35+
label: "한국어",
36+
lang: "ko",
37+
themeConfig: {
38+
// https://vitepress.dev/reference/default-theme-config
39+
...sharedConfig.themeConfig,
40+
nav: [{ text: "홈", link: "/" }],
41+
sidebar: [
4242
{
43-
text: "진단하기",
44-
link: "/pages/diagnose/index.md",
45-
collapsed: false,
43+
text: "소개",
4644
items: [
4745
{
48-
text: "에러 메세지로 원인 추측하기",
49-
link: "/pages/diagnose/error-message.md"
46+
text: "시작하기",
47+
link: "/pages/introduce.md"
48+
},
49+
{
50+
text: "효과적인 디버깅을 위한 4가지 단계",
51+
link: "/pages/start.md"
5052
},
51-
{ text: "작업 지도 그리기", link: "/pages/diagnose/map.md" }
53+
{
54+
text: "참여하기",
55+
link: "/pages/event.md"
56+
}
5257
]
5358
},
5459
{
55-
text: "재현하기",
56-
link: "/pages/reproduce/index.md",
57-
collapsed: false,
60+
text: "실전 가이드",
5861
items: [
5962
{
60-
text: "최대한 간단하게 재현하기",
61-
link: "/pages/reproduce/simply.md"
63+
text: "진단하기",
64+
link: "/pages/diagnose/index.md",
65+
collapsed: false,
66+
items: [
67+
{
68+
text: "에러 메세지로 원인 추측하기",
69+
link: "/pages/diagnose/error-message.md"
70+
},
71+
{ text: "작업 지도 그리기", link: "/pages/diagnose/map.md" }
72+
]
6273
},
63-
{ text: "디버거와 콘솔로그 활용하기", link: "/pages/reproduce/debugger.md" },
6474
{
65-
text: "일반적인 범위에서 벗어난 값 재현하기",
66-
link: "/pages/reproduce/out-range.md"
75+
text: "재현하기",
76+
link: "/pages/reproduce/index.md",
77+
collapsed: false,
78+
items: [
79+
{
80+
text: "최대한 간단하게 재현하기",
81+
link: "/pages/reproduce/simply.md"
82+
},
83+
{ text: "디버거와 콘솔로그 활용하기", link: "/pages/reproduce/debugger.md" },
84+
{
85+
text: "일반적인 범위에서 벗어난 값 재현하기",
86+
link: "/pages/reproduce/out-range.md"
87+
},
88+
{
89+
text: "반복적인 재현 과정을 자동화하기",
90+
link: "/pages/reproduce/repeat.md"
91+
},
92+
{
93+
text: "버그 발생 경로를 추적하기",
94+
link: "/pages/reproduce/trace.md"
95+
}
96+
]
6797
},
6898
{
69-
text: "반복적인 재현 과정을 자동화하기",
70-
link: "/pages/reproduce/repeat.md"
99+
text: "수정하기",
100+
link: "/pages/fix/index.md",
101+
collapsed: false,
102+
items: [
103+
{ text: "근본 원인 수정하기", link: "/pages/fix/correct.md" },
104+
{ text: "순수함수 만들기", link: "/pages/fix/pure.md" },
105+
{ text: "데드코드 제거하기", link: "/pages/fix/dead-code.md" }
106+
]
71107
},
72108
{
73-
text: "버그 발생 경로를 추적하기",
74-
link: "/pages/reproduce/trace.md"
109+
text: "재발 방지하기",
110+
link: "/pages/prevent/index.md",
111+
collapsed: false,
112+
items: [
113+
{
114+
text: "에러 로그 상세히 남기기",
115+
link: "/pages/prevent/error-log.md"
116+
},
117+
{
118+
text: "버그 리포트 남기기",
119+
link: "/pages/prevent/bug-report.md"
120+
},
121+
{
122+
text: "팀과 공유하고 공통 유틸에 반영하기",
123+
link: "/pages/prevent/util.md"
124+
}
125+
]
75126
}
76127
]
77128
},
78129
{
79-
text: "수정하기",
80-
link: "/pages/fix/index.md",
81-
collapsed: false,
82-
items: [
83-
{ text: "근본 원인 수정하기", link: "/pages/fix/correct.md" },
84-
{ text: "순수함수 만들기", link: "/pages/fix/pure.md" },
85-
{ text: "데드코드 제거하기", link: "/pages/fix/dead-code.md" }
86-
]
87-
},
88-
{
89-
text: "재발 방지하기",
90-
link: "/pages/prevent/index.md",
91-
collapsed: false,
130+
text: "디버깅 실무 사례",
92131
items: [
93132
{
94-
text: "에러 로그 상세히 남기기",
95-
link: "/pages/prevent/error-log.md"
96-
},
97-
{
98-
text: "버그 리포트 남기기",
99-
link: "/pages/prevent/bug-report.md"
133+
text: "Suspense Error 디버깅 by.김형규",
134+
link: "/pages/contribute/suspense_debug_by_hyungkyu.md"
100135
},
101-
{
102-
text: "팀과 공유하고 공통 유틸에 반영하기",
103-
link: "/pages/prevent/util.md"
104-
}
136+
{ text: "기여하기 탬플릿", link: "/pages/contribute/template.md" }
105137
]
106138
}
107139
]
108140
},
109-
{
110-
text: "디버깅 실무 사례",
111-
items: [
112-
{
113-
text: "Suspense Error 디버깅 by.김형규",
114-
link: "/pages/contribute/suspense_debug_by_hyungkyu.md"
115-
},
116-
{ text: "기여하기 탬플릿", link: "/pages/contribute/template.md" }
117-
]
118-
}
119-
]
141+
}
120142
},
121143
markdown: {
122144
config: (md) => {

fundamentals/debug/en/index.md

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
---
2+
layout: home
3+
title: Bundling
4+
description: Frontend Bundling Guide (Coming Soon)
5+
comments: false
6+
---
7+
8+
<div class="coming-soon">
9+
<h2>✨ Coming Soon</h2>
10+
<p>Stay tuned! We're working on something awesome for you.</p>
11+
</div>
12+
13+
<style>
14+
.coming-soon {
15+
display: flex;
16+
flex-direction: column;
17+
align-items: center;
18+
justify-content: center;
19+
min-height: 60vh;
20+
text-align: center;
21+
color: var(--vp-c-text-2);
22+
}
23+
24+
.coming-soon h2 {
25+
font-size: 2rem;
26+
margin-bottom: 1rem;
27+
border: none;
28+
}
29+
30+
.coming-soon p {
31+
font-size: 1.2rem;
32+
}
33+
</style>

fundamentals/debug/ja/index.md

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
---
2+
layout: home
3+
title: Bundling
4+
description: Frontend Bundling Guide (Coming Soon)
5+
comments: false
6+
---
7+
8+
<div class="coming-soon">
9+
<h2>✨ Coming Soon</h2>
10+
<p>Stay tuned! We're working on something awesome for you.</p>
11+
</div>
12+
13+
<style>
14+
.coming-soon {
15+
display: flex;
16+
flex-direction: column;
17+
align-items: center;
18+
justify-content: center;
19+
min-height: 60vh;
20+
text-align: center;
21+
color: var(--vp-c-text-2);
22+
}
23+
24+
.coming-soon h2 {
25+
font-size: 2rem;
26+
margin-bottom: 1rem;
27+
border: none;
28+
}
29+
30+
.coming-soon p {
31+
font-size: 1.2rem;
32+
}
33+
</style>
Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
---
2+
layout: home
3+
title: Bundling
4+
description: Frontend Bundling Guide (Coming Soon)
5+
comments: false
6+
---
7+
8+
<div class="coming-soon">
9+
<h2>✨ Coming Soon</h2>
10+
<p>Stay tuned! We're working on something awesome for you.</p>
11+
</div>
12+
13+
<style>
14+
.coming-soon {
15+
display: flex;
16+
flex-direction: column;
17+
align-items: center;
18+
justify-content: center;
19+
min-height: 60vh;
20+
text-align: center;
21+
color: var(--vp-c-text-2);
22+
}
23+
24+
.coming-soon h2 {
25+
font-size: 2rem;
26+
margin-bottom: 1rem;
27+
border: none;
28+
}
29+
30+
.coming-soon p {
31+
font-size: 1.2rem;
32+
}
33+
</style>

fundamentals/shared/config/OneNavigationItems.ts

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -46,5 +46,14 @@ export const ONE_NAVIGATION_ITEMS: NavItem[] = [
4646
en: "Accessibility"
4747
},
4848
icon: `<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 122.88"><title>accessibility</title><path d="M61.44,0A61.46,61.46,0,1,1,18,18,61.21,61.21,0,0,1,61.44,0Zm-.39,74.18L52.1,98.91a4.94,4.94,0,0,1-2.58,2.83A5,5,0,0,1,42.7,95.5l6.24-17.28a26.3,26.3,0,0,0,1.17-4,40.64,40.64,0,0,0,.54-4.18c.24-2.53.41-5.27.54-7.9s.22-5.18.29-7.29c.09-2.63-.62-2.8-2.73-3.3l-.44-.1-18-3.39A5,5,0,0,1,27.08,46a5,5,0,0,1,5.05-7.74l19.34,3.63c.77.07,1.52.16,2.31.25a57.64,57.64,0,0,0,7.18.53A81.13,81.13,0,0,0,69.9,42c.9-.1,1.75-.21,2.6-.29l18.25-3.42A5,5,0,0,1,94.5,39a5,5,0,0,1,1.3,7,5,5,0,0,1-3.21,2.09L75.15,51.37c-.58.13-1.1.22-1.56.29-1.82.31-2.72.47-2.61,3.06.08,1.89.31,4.15.61,6.51.35,2.77.81,5.71,1.29,8.4.31,1.77.6,3.19,1,4.55s.79,2.75,1.39,4.42l6.11,16.9a5,5,0,0,1-6.82,6.24,4.94,4.94,0,0,1-2.58-2.83L63,74.23,62,72.4l-1,1.78Zm.39-53.52a8.83,8.83,0,1,1-6.24,2.59,8.79,8.79,0,0,1,6.24-2.59Zm36.35,4.43a51.42,51.42,0,1,0,15,36.35,51.27,51.27,0,0,0-15-36.35Z"/></svg>`
49+
},
50+
{
51+
path: "/debug",
52+
href: "/debug/{lang}",
53+
tooltip: {
54+
ko: "디버깅",
55+
en: "Debugging"
56+
},
57+
icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 7V6a4 4 0 1 1 8 0v1"/><rect x="6" y="7" width="12" height="10" rx="3"/><path d="M4 13h2"/><path d="M18 13h2"/><path d="M7 8l-1-2"/><path d="M17 8l1-2"/><path d="M12 22v-5"/><path d="M5 19l2-2"/><path d="M19 19l-2-2"/></svg>`
4958
}
5059
];

0 commit comments

Comments
 (0)