swjang702.github.io/index.html at main · swjang702/swjang702.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sunwoo Jang</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <!-- Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Merriweather:wght@400;700;900&display=swap" rel="stylesheet">

    <style>
        body { font-family: 'Inter', sans-serif; color: #111; antialiased; }
        h1, h2, h3 { font-family: 'Merriweather', serif; }
        a { transition: color 0.2s ease-in-out; }
        /* 버튼 호버 시 미세한 움직임 */
        .btn-artifact:hover { transform: translateY(-1px); }

        /* 모바일 최적화 */
        @media (max-width: 768px) {
            .sidebar { position: static; height: auto; padding-bottom: 2rem; }
        }
    </style>
</head>
<body class="bg-white text-gray-900">

    <!-- 메인 컨테이너: 화면 중앙 정렬 -->
    <div class="max-w-6xl mx-auto px-6 py-12 md:py-20 flex flex-col md:flex-row gap-12 md:gap-20">

        <!-- [LEFT SIDEBAR] -->
        <aside class="sidebar w-full md:w-64 flex-shrink-0 md:sticky md:top-20 md:h-fit">

            <!-- 프로필 사진 (하늘 있는 버전 + 사이즈 키움) -->
            <div class="mb-8"> <!-- 사진 아래 여백이 여유로운게 좋으면 8, 타이트한게 좋으면 6 -->
                <img src="assets/images/golden_gate_cut.jpeg"
                     onerror="this.src='https://ui-avatars.com/api/?name=Sunwoo+Jang&background=333&color=fff&size=256'"
                     alt="Sunwoo Jang"
                     class="w-44 h-auto rounded-lg shadow-md object-cover block">
                     <!-- class="w-40 h-auto rounded-lg shadow-md object-cover block"> -->
            </div>

            <h1 class="text-2xl font-bold text-gray-900 mb-1">Sunwoo Jang</h1>
            <!-- <p class="text-sm text-gray-600 mb-6 font-medium tracking-wide">Security Researcher</p> -->

            <!-- 정보 및 링크 -->
            <div class="space-y-3 text-sm text-gray-600">
                <!-- <p>Incoming PhD Student<br>@ [University Name]</p> -->
                 <p></p>

                <!-- 이메일 (이메일은 보통 새 탭이 아니라 메일 앱이 열리므로 그대로 둡니다) -->
                <a href="mailto:swjang702@gmail.com" class="block hover:text-blue-700 hover:underline decoration-1 underline-offset-2">
                    swjang702@gmail.com
                </a>

                <!-- 아이콘 링크들 (새 탭 열기 적용) -->
                <div class="flex flex-col gap-2 mt-6">
                    <!-- CV Link (수정됨: 아이콘 w-5로 통일, 텍스트 볼드 제거, 잘림 해결) -->
                    <a href="assets/cv.pdf" target="_blank" rel="noopener noreferrer" class="group flex items-center gap-2 hover:text-blue-700 transition-colors">
                        <svg class="w-5 h-5 text-gray-400 group-hover:text-blue-700 transition-colors" viewBox="0 0 24 24" fill="currentColor">
                            <!-- font-size를 16으로 줄여서 viewBox 안에 쏙 들어오게 조정 -->
                            <text x="50%" y="65%" dominant-baseline="middle" text-anchor="middle" font-family="Arial, sans-serif" font-weight="900" font-size="16" letter-spacing="-0.5">CV</text>
                        </svg>
                        <span>Curriculum Vitae</span>
                    </a>

                    <!-- Google Scholar (수정됨: 아이콘 w-5로 키워서 위랑 맞춤) -->
                    <a href="https://scholar.google.co.kr/citations?user=_mLXrFsAAAAJ" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 hover:text-blue-700 transition-colors">
                        <svg class="w-5 h-5 text-gray-400" fill="currentColor" viewBox="0 0 24 24"><path d="M12 24a7 7 0 1 1 0-14 7 7 0 0 1 0 14zm0-24L0 9.5l4.838 3.94A8 8 0 0 1 12 9a8 8 0 0 1 7.162 4.44L24 9.5z"/></svg>
                        <span>Google Scholar</span>
                    </a>

                    <!-- GitHub (수정됨: 아이콘 w-5로 키워서 위랑 맞춤) -->
                    <!-- <a href="https://github.com/swjang702" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 hover:text-blue-700 transition-colors">
                        <svg class="w-5 h-5 text-gray-400" fill="currentColor" viewBox="0 0 24 24"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>
                        <span>GitHub</span>
                    </a> -->
                </div>
            </div>
        </aside>

        <!-- [RIGHT CONTENT] -->
        <main class="content flex-1 min-h-screen flex flex-col">

            <!-- 1. Bio Section
            <section class="mb-20 max-w-3xl">
                <p class="text-[0.85rem] leading-8 text-gray-700 mb-4">
                    Hi, I am Sunwoo Jang. I am interested in operating systems and systems security.
                </p>
                <p class="text-[0.85rem] leading-8 text-gray-700 mb-4">
                    I am broadly interested in understanding how exploitability arises in real systems, particularly at the boundary between security abstractions and low-level system behavior.
                </p>
                <p class="text-[0.85rem] leading-8 text-gray-700 mb-4">
                    In previous work, I analyzed isolation boundaries in secure container runtimes, which shaped my interest in reasoning about system-level security guarantees.
                </p>
            </section> -->

            <!-- 1. Bio Section (Revised) -->
            <section class="mb-16 max-w-3xl">
                <p class="text-[0.95rem] leading-relaxed text-gray-800 mb-4">
                    Hi, I am Sunwoo Jang. I am interested in operating systems, system security, and physical AI.
                </p>
                <p class="text-[0.95rem] leading-relaxed text-gray-800 mb-4">
                    Currently, I am a researcher at Korea Electronics Technology Institute (KETI), working on system observability and building a profiler for accelerators (e.g., GPU, NPU, etc).
                </p>
                <p class="text-[0.95rem] leading-relaxed text-gray-800 mb-4">
                    Previously, I analyzed isolation boundaries and measured attack surfaces of secure container runtimes.
                </p>
                <p class="text-[0.95rem] leading-relaxed text-gray-800">
                    <!-- More broadly, I aim to prevent exploitability by design, bridging the gap between principled system design (e.g., formal verification) and real-world implementation reality. -->
                    In my spare time, I am building an autonomous in-kernel reasoning agent that understands, learns, and infers system states.
                </p>
            </section>


            <!-- 2. Publications Section (Final Polish) -->
            <section class="mb-20">
                <h2 class="text-xl font-bold text-gray-900 mb-8 pb-2 border-b border-gray-100 inline-block">Publications</h2>

                <div class="space-y-10">

                    <!-- Paper 2 (IEICE 2024) -->
                    <article>
                        <h3 class="text-[1.05rem] font-bold text-gray-900 leading-snug mb-2">
                            <a href="assets/papers/ieice24-container.pdf" target="_blank" class="hover:text-blue-700 transition-colors">
                                Understanding File System Operations of a Secure Container Runtime Using System Call Tracing Technique
                            </a>
                        </h3>

                        <!-- Authors: 내 이름 Bold -->
                        <div class="text-[0.95rem] text-gray-800 mb-1">
                            <span class="font-bold text-gray-900">Sunwoo Jang</span>, Young-Kyoon Suh, and Byungchul Tak.
                        </div>

                        <!-- Venue -->
                        <div class="text-[0.95rem] text-gray-600 italic mb-3">
                            IEICE Transactions on Information and Systems, Vol.E107, No.2, February 2024.
                        </div>

                        <!-- Artifact Buttons -->
                        <div class="flex flex-wrap gap-2 text-[0.7rem] font-bold tracking-wider uppercase text-gray-500">
                            <a href="assets/papers/ieice24-container.pdf" target="_blank" class="btn-artifact border border-gray-200 rounded px-2 py-0.5 hover:border-gray-900 hover:text-gray-900 transition duration-300">PDF</a>
                        </div>
                    </article>

                    <!-- Paper 1 (ESORICS 2022) -->
                    <article>
                        <h3 class="text-[1.05rem] font-bold text-gray-900 leading-snug mb-2">
                            <a href="assets/papers/esorics22-secquant.pdf" target="_blank" class="hover:text-blue-700 transition-colors">
                                SecQuant: Quantifying Container System Call Exposure
                            </a>
                        </h3>

                        <!-- Authors: 내 이름 Bold, Equal 표시 생략 -->
                        <div class="text-[0.95rem] text-gray-800 mb-1">
                            <span class="font-bold text-gray-900">Sunwoo Jang</span>, Somin Song, Byungchul Tak, Sahil Suneja, Michael V. Le, Chuan Yue, and Dan Williams.
                        </div>

                        <!-- Venue: ESORICS 강조 -->
                        <div class="text-[0.95rem] text-gray-600 italic mb-3">
                            In Proceedings of the 27th European Symposium on Research in Computer Security
                            (<span class="font-bold text-gray-900">ESORICS</span>),
                            Copenhagen, Denmark, September 2022.
                        </div>

                        <!-- Artifact Buttons -->
                        <div class="flex flex-wrap gap-2 text-[0.7rem] font-bold tracking-wider uppercase text-gray-500">
                            <a href="assets/papers/esorics22-secquant.pdf" target="_blank" class="btn-artifact border border-gray-200 rounded px-2 py-0.5 hover:border-blue-700 hover:text-blue-700 hover:bg-blue-50 transition duration-300">PDF</a>
                        </div>
                    </article>

                </div>
            </section>

            <!-- Video Section -->
            <section class="mb-20 mt-32">       <!-- mt-20: 약 80px (적당함), mt-32: 약 128px (추천, 시원하게 떨어짐) -->
                <div class="w-full max-w-md mx-auto"> <!-- 적당한 중간 사이즈 + 중앙 정렬 -->

                    <!-- 문구: 추천해주신 이모지 버전 -->
                    <p class="text-[0.95rem] text-gray-600 mb-3 font-medium text-center">
                        ☕ Side note: A piece of my thoughts generated by NotebookLM.
                    </p>

                    <!-- 비디오 프레임 (반응형 16:9 비율 유지) -->
                    <div class="relative w-full shadow-lg rounded-lg overflow-hidden" style="padding-bottom: 56.25%;">
                        <iframe class="absolute top-0 left-0 w-full h-full"
                                src="https://www.youtube.com/embed/G5M47GBdJuc?si=maYOyxi4YFiR9EPm"
                                title="Connecting the Dots"
                                frameborder="0"
                                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                referrerpolicy="strict-origin-when-cross-origin"
                                allowfullscreen>
                        </iframe>
                    </div>
                </div>
            </section>

             <!-- Footer (Center Aligned, Minimalist) -->
             <footer class="mt-auto pt-8 border-t border-gray-100 text-center text-xs text-gray-400">
                <p>&copy; 2026 Sunwoo Jang. Last updated: May 23 2026.</p>
            </footer>

        </main>
    </div>

</body>
</html>