Skip to content

Commit be18714

Browse files
milooyyurim
milooy
and
yurim
authored
Dev/debug profile (#628)
* feat: header 수정 * feat: created 추가 --------- Co-authored-by: yurim <[email protected]>
1 parent af7c0a1 commit be18714

14 files changed

+104
-32
lines changed

‎fundamentals/debug/.vitepress/config.mts‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,7 @@ export default defineConfig({
1414
description: "프론트엔드 접근성의 모든 것",
1515
ignoreDeadLinks: false,
1616
base: "/debug/",
17+
lastUpdated: true,
1718
locales: {
1819
// temporary
1920
en: {

‎fundamentals/debug/.vitepress/theme/components/ContributorHeader.vue‎

Lines changed: 74 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -3,20 +3,86 @@ const props = defineProps<{
33
name: string
44
avatar?: string
55
githubUrl?: string
6+
date?: string
7+
readingTime?: string
68
size?: number
79
}>();
810
</script>
911

1012
<template>
11-
<div style="display:flex; align-items:center; gap:12px; margin:8px 0 24px;">
13+
<div class="contributor-header">
1214
<img
1315
:src="avatar || ''"
14-
:width="size || 40"
15-
:height="size || 40"
16+
:width="size || 50"
17+
:height="size || 50"
1618
:alt="name"
17-
style="border-radius:50%; object-fit:cover;"
19+
class="contributor-avatar"
1820
/>
19-
<strong>{{ name }}</strong>
20-
<a :href="githubUrl" :target="_blank">github</a>
21-
</div>
22-
</template>
21+
<div class="contributor-info">
22+
<a v-if="githubUrl" :href="githubUrl" target="_blank" class="contributor-name">
23+
{{ name }}
24+
<svg viewBox="0 0 16 16" width="14" height="14" fill="currentColor" style="margin-left: 4px;">
25+
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"/>
26+
</svg>
27+
</a>
28+
<strong v-else class="contributor-name">{{ name }}</strong>
29+
<div class="contributor-meta">
30+
<span v-if="date" class="meta-item">{{ date }}</span>
31+
<span v-if="readingTime" class="meta-item">{{ readingTime }}</span>
32+
</div>
33+
</div>
34+
</div>
35+
</template>
36+
37+
<style scoped>
38+
.contributor-header {
39+
display: flex;
40+
align-items: center;
41+
justify-content: flex-end;
42+
gap: 16px;
43+
margin: 24px 0 32px;
44+
}
45+
46+
.contributor-avatar {
47+
border-radius: 50%;
48+
object-fit: cover;
49+
flex-shrink: 0;
50+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
51+
order: 2;
52+
}
53+
54+
.contributor-info {
55+
display: flex;
56+
flex-direction: column;
57+
gap: 2px;
58+
min-width: 0;
59+
align-items: flex-end;
60+
order: 1;
61+
}
62+
63+
.contributor-name {
64+
display: inline-flex;
65+
align-items: center;
66+
font-size: 1.1em;
67+
font-weight: 600;
68+
color: var(--vp-c-text-1);
69+
text-decoration: none;
70+
transition: color 0.2s;
71+
}
72+
73+
.contributor-name:hover {
74+
color: var(--vp-c-text-2);
75+
}
76+
77+
.contributor-meta {
78+
display: flex;
79+
align-items: center;
80+
gap: 12px;
81+
font-size: 0.9em;
82+
color: var(--vp-c-text-2);
83+
}
84+
85+
.meta-item {
86+
display: inline-block;
87+
}
88+
</style>

‎fundamentals/debug/pages/contribute/android/android_react_native_bundle_loading_sigbus_crash_debug.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
# Android에서 React Native 번들 로딩 시 SIGBUS 크래시 발생
22

33
<br/>
4-
<ContributorHeader name="김희철" githubUrl="https://github.com/heecheolman" avatar="https://ca.slack-edge.com/E01JAGTHP8R-U01JVCVAP41-ea9f13e55dd5-512" />
4+
<ContributorHeader name="김희철" githubUrl="https://github.com/heecheolman" avatar="https://ca.slack-edge.com/E01JAGTHP8R-U01JVCVAP41-ea9f13e55dd5-512" date="2025.10.31"/>
55

66
## 진단하기
77

‎fundamentals/debug/pages/contribute/compile/codegen_callstack_overflow_debug.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
# ESLint/TSC 파싱 콜스택 오버플로우 디버깅
22

33
<br/>
4-
<ContributorHeader name="윤민석" githubUrl="https://github.com/black7375" avatar="https://ca.slack-edge.com/E01JAGTHP8R-U085U98PY31-d26c07fac97e-512" />
4+
<ContributorHeader name="윤민석" githubUrl="https://github.com/black7375" avatar="https://ca.slack-edge.com/E01JAGTHP8R-U085U98PY31-d26c07fac97e-512" date="2025.10.31"/>
55

66
## 진단하기
77

‎fundamentals/debug/pages/contribute/cursor/cursor_biome_formatting_debug.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,14 @@
11
# Cursor에서 Biome 포맷팅이 동작하지 않는 현상 디버깅
22

33
<br/>
4-
<ContributorHeader name="박찬혁" githubUrl="https://github.com/okinawaa" avatar="https://ca.slack-edge.com/E01JAGTHP8R-U06H69MRQMN-07d1cde6565c-512" />
4+
<ContributorHeader name="박찬혁" githubUrl="https://github.com/okinawaa" avatar="https://ca.slack-edge.com/E01JAGTHP8R-U06H69MRQMN-07d1cde6565c-512" date="2025.10.31"/>
55

66
## 진단하기
77

88
추석 이후로 Cursor에서 Biome 자동 포맷팅이 갑자기 동작하지 않는 문제가 발생했어요. 코드를
99
저장해도 포맷팅이 전혀 적용되지 않아서 개발 생산성에 큰 지장이 생겼어요.
1010

11-
### Output 로그에서 확인한 에러:
11+
### Output 로그에서 확인한 에러
1212

1313
Biome extension의 Output 로그를 확인해보니 플러그인 버전에 따라 다른 에러가 교차로 발생하고
1414
있었어요:

‎fundamentals/debug/pages/contribute/ios/ios_webview_image_upload_refresh_debug.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
# iOS 웹뷰 이미지 업로드 시 페이지가 새로고침 되는 현상 디버깅
22

33
<br/>
4-
<ContributorHeader name="김덕원" githubUrl="https://github.com/KimChunsick" avatar="https://ca.slack-edge.com/E01JAGTHP8R-U03R097F2DC-6a627a382d79-512" />
4+
<ContributorHeader name="김덕원" githubUrl="https://github.com/KimChunsick" avatar="https://ca.slack-edge.com/E01JAGTHP8R-U03R097F2DC-6a627a382d79-512" date="2025.10.31"/>
55

66
## 진단하기
77

‎fundamentals/debug/pages/contribute/ios/ios_webview_swipe_back_gray_screen_debug.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
# iOS 웹뷰에서 스와이프 뒤로가기 시 회색 화면이 표시되는 현상 디버깅
22

33
<br/>
4-
<ContributorHeader name="김민수" githubUrl="https://github.com/minsoo-web" avatar="https://ca.slack-edge.com/E01JAGTHP8R-U077AFXLDU0-d52a2afee622-512" />
4+
<ContributorHeader name="김민수" githubUrl="https://github.com/minsoo-web" avatar="https://ca.slack-edge.com/E01JAGTHP8R-U077AFXLDU0-d52a2afee622-512" date="2025.10.31"/>
55

66
## 진단하기
77

‎fundamentals/debug/pages/contribute/ios/tradingview_iframe_memory_leak_debug.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
# Safari에서 TradingView iframe 메모리 누수 현상 디버깅
22

33
<br/>
4-
<ContributorHeader name="서상희" githubUrl="https://github.com/tbvjaos510" avatar="https://ca.slack-edge.com/E01JAGTHP8R-U077KGSAD4N-768549fffdd5-512" />
4+
<ContributorHeader name="서상희" githubUrl="https://github.com/tbvjaos510" avatar="https://ca.slack-edge.com/E01JAGTHP8R-U077KGSAD4N-768549fffdd5-512" date="2025.10.31"/>
55

66
## 진단하기
77

‎fundamentals/debug/pages/contribute/javascript/javascript_max_number_error_debug.md‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,11 @@
11
# MAX_SAFE_INTEGER 정밀도 손실 디버깅
22

3-
<br/>
4-
<ContributorHeader name="이지수" githubUrl="https://github.com/lee-ji-soo-v2" avatar="https://ca.slack-edge.com/E01JAGTHP8R-U070UAECPSB-764e21afe6ca-512" />
3+
<ContributorHeader
4+
name="이지수"
5+
githubUrl="https://github.com/lee-ji-soo-v2"
6+
avatar="https://ca.slack-edge.com/E01JAGTHP8R-U070UAECPSB-764e21afe6ca-512"
7+
date="2025.10.31"
8+
/>
59

610
## 진단하기
711

‎fundamentals/debug/pages/contribute/public/tossid_og_image_other_profile_debug.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
# 토스아이디 OG 이미지에 타인의 프로필이 표시되는 현상 디버깅
22

33
<br/>
4-
<ContributorHeader name="김형규" githubUrl="https://github.com/khg0" avatar="https://ca.slack-edge.com/E01JAGTHP8R-U03KVUYTXK4-5de0e0f7f2f1-512" />
4+
<ContributorHeader name="김형규" githubUrl="https://github.com/khg0" avatar="https://ca.slack-edge.com/E01JAGTHP8R-U03KVUYTXK4-5de0e0f7f2f1-512" date="2025.10.31"/>
55

66
## 진단하기
77

0 commit comments

Comments
 (0)