dohyun468.github.io/index.html at main · DoHyun468/dohyun468.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
206
207
208
209
210
211
212
213
214
215
216
217
218
219
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Dohyun Kim</title>
    <meta
      name="description"
      content="Dohyun Kim — 3D perception and AI research in Seoul. Camera geometry, neural scene representation, and AI agents."
    >
    <meta property="og:title" content="Dohyun Kim">
    <meta property="og:description" content="3D perception · AI research — Seoul">
    <meta property="og:type" content="website">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link
      href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Lato:wght@300;400;700&display=swap"
      rel="stylesheet"
    >
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <header class="site-header">
      <nav aria-label="Primary navigation">
        <a href="#about">About</a>
        <a href="#projects">Projects</a>
        <a href="#experience">Experience</a>
        <a href="#education">Education</a>
        <a href="#contact">Contact</a>
      </nav>
    </header>

    <main>
      <!-- ABOUT -->
      <section id="about" class="section hero">
        <p class="eyebrow">Dohyun Kim</p>
        <h1>About me</h1>
        <div class="hero-columns">
          <div class="hero-copy">
            <p>
              I'm an engineer and researcher working on
              <strong>3D perception</strong> and <strong>AI research</strong>.
              I studied mechanical and electrical engineering at KAIST, and
              earned my M.S. with research on stereo vision-based 3D
              measurement. These days at Recon Labs I rebuild real scenes as
              neural representations and build AI agents that help people
              create.
            </p>
            <p>
              What connects all of it: turning images into something you can
              trust about the world — a coordinate, a shape, a decision.
            </p>
            <p class="cv-line">
              <a class="cv-link" href="assets/DohyunKim-CV.pdf">[ Curriculum Vitae ]</a>
            </p>
          </div>
          <figure class="hero-photo">
            <img src="assets/profile.jpg" alt="Dohyun Kim">
          </figure>
        </div>

      </section>

      <!-- PROJECTS -->
      <section id="projects" class="section">
        <p class="eyebrow">01</p>
        <h2>Projects</h2>
        <div class="proj-filters" aria-label="Project categories">
          <button class="pf active" data-filter="all">All</button>
          <button class="pf" data-filter="3d-vision">3D Vision</button>
          <button class="pf" data-filter="robotics">Robotics</button>
          <button class="pf" data-filter="ai">AI</button>
          <button class="pf" data-filter="illustration">Illustration</button>
        </div>
        <div class="project-grid">

          <article class="proj" tabindex="0" data-cat="3d-vision">
            <div class="proj-art proj-art--photo">
              <video src="assets/gs-comparison.mp4" poster="assets/gs-comparison.jpg" autoplay muted loop playsinline aria-label="Sliding split-view comparison of two 3D Gaussian Splatting reconstructions of a museum scene — baseline vs improved pipeline"></video>
            </div>
            <div class="proj-overlay">
              <h3>3D Gaussian Splatting R&amp;D,<br>Recon Labs, 2024 — 2025</h3>
              <span class="ov-meta">Neural 3D Reconstruction</span>
            </div>
          </article>

          <article class="proj" tabindex="0" data-cat="3d-vision">
            <div class="proj-art proj-art--photo">
              <img src="assets/shipyard-measurement.jpg" alt="Stereo camera measurement setup between ship blocks at a shipyard — three tripod-mounted cameras and a checkerboard target">
            </div>
            <div class="proj-overlay">
              <h3>Ship-block stereo measurement,<br>HUMAN Lab KAIST, 2022 — 2023</h3>
              <span class="ov-meta">Stereo Vision, Calibration</span>
            </div>
          </article>

          <article class="proj" tabindex="0" data-cat="robotics">
            <div class="proj-art proj-art--photo">
              <img src="assets/ball-robot.jpg?v=3" alt="Ball-collecting robot NUNU — the built robot with its roller pick-up module">
            </div>
            <div class="proj-overlay">
              <h3>Ball-collecting robot,<br>KAIST ME Undergraduate Project, 2019</h3>
              <span class="ov-meta">RGB-D Vision, Path Planning, Mechanical Design</span>
            </div>
          </article>


          <article class="proj" tabindex="0" data-cat="ai">
            <div class="proj-art proj-art--photo">
              <img src="assets/genpresso-canvas.jpg" alt="Node-graph creative canvas with an AI agent side panel searching canvas nodes by content — agent harness built at Recon Labs">
            </div>
            <div class="proj-overlay">
              <h3>Agent harness for a creative canvas,<br>Recon Labs, 2025 — 2026</h3>
              <span class="ov-meta">AI Agent, Orchestration</span>
            </div>
          </article>

          <article class="proj" tabindex="0" data-cat="illustration">
            <div class="proj-art proj-art--photo">
              <img src="assets/notredame-sketch.jpg" alt="Pencil sketch of Notre-Dame de Paris with a street scene — tour bus, cyclists, and cobblestone road in the foreground">
            </div>
            <div class="proj-overlay">
              <h3>Pencil on Paper, 2017</h3>
              <span class="ov-meta">Urban Sketch</span>
            </div>
          </article>

          <article class="proj" tabindex="0" data-cat="ai">
            <div class="proj-art proj-art--photo">
              <img src="assets/clawhwp-chart.gif" alt="claw-hwp building a government-style bar chart inside an HWP document, animated capture">
            </div>
            <div class="proj-overlay">
              <h3>claw-hwp — HWP document automation skill,<br>Personal Open-source Project, 2026</h3>
              <span class="ov-meta">Claude Agent Skill, Document Automation</span>
            </div>
          </article>


        </div>
      </section>

      <!-- EXPERIENCE -->
      <section id="experience" class="section">
        <p class="eyebrow">02</p>
        <h2>Experience</h2>
        <div class="timeline">
          <article class="current">
            <p class="badge">Mar. 2024 — Present</p>
            <h3>AI Researcher</h3>
            <p class="org">Recon Labs, Seoul</p>
            <ul>
              <li>Researched 3D Gaussian Splatting for a production 3D capture service — reconstruction quality for real-world captures, artifact and floater suppression, background modeling, and rendering optimization.</li>
              <li>Developed virtual try-on features for a fashion service by combining and evaluating multiple generative models.</li>
              <li>Built an AI agent and its orchestration harness for a graph-based generative content platform.</li>
            </ul>
          </article>
          <article>
            <p class="badge">Mar. 2022 — Mar. 2024</p>
            <h3>Graduate Researcher</h3>
            <p class="org">HUMAN Laboratory, KAIST, Daejeon</p>
            <ul>
              <li>Developed stereo vision-based measurement workflows for industrial-scale structures — camera calibration and image preprocessing for high-speed, high-precision 3D measurement.</li>
              <li>Built automatic correspondence-point detection using feature keypoints, ROI separation, and co-visible region analysis.</li>
              <li>Contributed signal-processing algorithms and CNN-based extensions for a compact optical 3D sensing platform.</li>
              <li>Worked on RGB-D camera-array positioning and motion recognition for an XR ship-steering training system.</li>
            </ul>
          </article>
        </div>
      </section>

      <!-- EDUCATION -->
      <section id="education" class="section">
        <p class="eyebrow">03</p>
        <h2>Education</h2>
        <div class="timeline">
          <article>
            <p class="badge">Mar. 2022 — Mar. 2024</p>
            <h3>KAIST</h3>
            <p class="org">M.S., Mechanical Engineering</p>
            <ul>
              <li>Graduate research on stereo matching, camera geometry, and 3D perception at HUMAN Laboratory.</li>
              <li>Coursework includes: Visual Intelligence, Autonomous Mobile System, Machine Learning for 3D Data, Probability and Statistics.</li>
            </ul>
          </article>
          <article>
            <p class="badge">Mar. 2015 — Jun. 2021</p>
            <h3>KAIST</h3>
            <p class="org">B.S., Mechanical Engineering · Double Major in Electrical Engineering</p>
            <ul>
              <li>Foundations across mechanics, circuits, signals, and control — the habit of thinking in systems.</li>
            </ul>
          </article>
        </div>
      </section>

      <!-- CONTACT -->
      <section id="contact" class="section contact">
        <p class="eyebrow">04</p>
        <h2>Contact Me</h2>
        <div class="contact-list">
          <h3>Email</h3>
          <p><a class="contact-mail" href="mailto:kbh446688@gmail.com">kbh446688@gmail.com</a></p>
          <h3>Social Network</h3>
          <p class="social-icons">
            <a href="https://github.com/DoHyun468" target="_blank" rel="noreferrer" aria-label="GitHub">
              <svg viewBox="0 0 16 16" width="26" height="26" fill="currentColor" aria-hidden="true"><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-.27s1.36.09 2 .27c1.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.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8z"/></svg>
            </a>
            <a href="https://www.linkedin.com/in/dohyun-kim-950bb429b/" target="_blank" rel="noreferrer" aria-label="LinkedIn">
              <svg viewBox="0 0 24 24" width="26" height="26" fill="currentColor" aria-hidden="true"><path d="M20.45 20.45h-3.55v-5.57c0-1.33-.03-3.04-1.85-3.04-1.85 0-2.14 1.45-2.14 2.94v5.67H9.35V9h3.41v1.56h.05c.48-.9 1.64-1.85 3.37-1.85 3.6 0 4.27 2.37 4.27 5.46v6.28zM5.34 7.43a2.06 2.06 0 1 1 0-4.12 2.06 2.06 0 0 1 0 4.12zM7.12 20.45H3.56V9h3.56v11.45zM22.22 0H1.77C.79 0 0 .77 0 1.72v20.55C0 23.22.79 24 1.77 24h20.45c.98 0 1.78-.78 1.78-1.73V1.72C24 .77 23.2 0 22.22 0z"/></svg>
            </a>
          </p>
        </div>
        <p class="footer-note">Seoul, Korea</p>
      </section>
    </main>

    <script src="script.js"></script>
  </body>
</html>