-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
319 lines (310 loc) · 13.7 KB
/
index.html
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
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Eunjin's Portfolio</title>
<meta name="description" content="Portfolio for world-renowned software engineer Eunjin" />
<meta name="author" content="Eunjin" />
<link rel="icon" type="image/png" href="imgs/favicon.png" />
<link
rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.14.0/css/all.css"
integrity="sha384-HzLeBuhoNPvSl5KYnjx0BT+WB0QEEqLprO+NBkkk5gbc67FTaL7XIGa2w1L0Xbgc"
crossorigin="anonymous"
/>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="style.css" />
<script src="main.js" defer></script>
</head>
<body>
<!-- Navbar -->
<nav id="navbar">
<div class="navbarLogo">
<i class="fas fa-crown"></i>
<a href="index.html">Eunjin</a>
</div>
<ul class="navbarMenu">
<li class="navbarMenuItem active" data-link="#home">Home</li>
<li class="navbarMenuItem" data-link="#about">About</li>
<li class="navbarMenuItem" data-link="#skills">Skills</li>
<li class="navbarMenuItem" data-link="#work">Work</li>
<li class="navbarMenuItem" data-link="#testimonials">Testimonials</li>
<li class="navbarMenuItem" data-link="#contact">Contact</li>
</ul>
<!--Toggle button-->
<button class="navbarTogglebtn">
<i class="fas fa-bars"></i>
</button>
</nav>
<!-- Home -->
<section id="home">
<div class="homeContainer">
<img src="imgs/profile.png" alt="Eunjin's profile photo" class="homeAvatar" />
<h1 class="homeTitle">
Hello, <br />
I'm Eunjin Kim 👋
</h1>
<h2 class="homeDescription">Junior Research Engineer 👩🏻💻</h2>
<button class="homeContact">
<a href="https://velog.io/@eunjnnn">My Blog</a>
</button>
</div>
</section>
<!-- About -->
<section id="about" class="section sectionContainer">
<h1>About me</h1>
<p>
안녕하세요 🙌. 인공지능에 관심있는 주니어 리서처 김은진입니다🌱.
</p>
<p>
2025년 2월에 울산과학기술원(UNIST) 인공지능대학원 석사를 졸업하고 현재 구직중에 있습니다.
</p>
<p>
컴퓨터 비전 분야에 관심이 높고, 특히 image/video restoration 를 중심으로 연구했었습니다.
</p>
<p>
최근에는 비디오 데이터를 다루는 video generation, understanding, captioning 등의 연구를 공부 중에 있습니다.
</p>
<p>
또한 LLM 의 거대한 발전에 따라 해당 분야에 대해서도 팔로우업 할 수 있도록 공부하고 있습니다.
</p>
<p>
JavaScript 언어로 이 포트폴리오 웹사이트를 직접 만들었습니다😙. 앞으로 꾸준하게 발전할 수 있는 사람이 되고 싶습니다.🌻
</p>
<div class="aboutMajors">
<div class="major">
<div class="majorIcon">
<i class="fab fa-python"></i>
</div>
<div class="majorTitle">Python</div>
<div class="majorDescription">Coding</div>
</div>
<!-- <div class="major">
<div class="majorIcon">
<i class="fab fa-html5"></i>
</div>
<div class="majorTitle">HTML</div>
<div class="majorDescription">Design, Construct</div>
</div> -->
<div class="major">
<div class="majorIcon">
<i class="fab fa-github"></i>
<!-- <i class="fab fa-css3-alt"></i> -->
</div>
<div class="majorTitle">Github</div>
<div class="majorDescription">Tool</div>
</div>
<div class="major">
<div class="majorIcon">
<i class="fab fa-js"></i>
</div>
<div class="majorTitle">JavaScript</div>
<div class="majorDescription">Coding</div>
</div>
</div>
<div class="aboutSchools">
<div class="schools">
<img src="imgs/unist.png" alt="JeonbukUni" class="schoolLogo" />
<div class="schoolDescription">
<p class="schoolName">Master's degree in UNIST</p>
<p class="schoolPeriod">2023-2025</p>
</div>
</div>
<div class="schools">
<img src="imgs/jbnu.png" alt="JeonbukUni" class="schoolLogo" />
<div class="schoolDescription">
<p class="schoolName">Bachelor's degree in JBNU</p>
<p class="schoolPeriod">2018-2023</p>
</div>
</div>
<div class="schools">
<img src="imgs/jbnu.png" alt="JeonbukUni" class="schoolLogo" />
<div class="schoolDescription">
<p class="schoolName">Executive team member of major club WHO </p>
<p class="schoolPeriod">2019 ~ 2020</p>
</div>
</div>
<div class="schools">
<img src="imgs/blue_school.png" alt="JeonbukUni" class="schoolLogo" />
<div class="schoolDescription">
<p class="schoolName">Intership</p>
<p class="schoolPeriod">2020 Winter Vacation</p>
</div>
</div>
</div>
</div>
</section>
<!-- Skills -->
<section id="skills" class="section">
<div class="sectionContainer">
<h1>Skills</h1>
<h2>Skills & Attributes</h2>
<p>
석사 과정 중에 Video Super Resolution, Video Frame Interpolation 태스크를 중점적으로 연구했고, 아래와 같은 논문을 작성했습니다.
</p>
<p>
Pytorch 를 자유롭게 사용할 수 있고, Pytorch 오픈소스에 기여한 경험 또한 있어 유연하게 github를 사용할 수 있습니다.📝
</p>
<p>
또한 영어 성적은 OPIc IH로 원어민과의 프리토킹이 가능합니다.😙
</p>
<div class="skillset">
<div class="skillsetTop">
<h3 class="skillsetTitle">Publications</h3>
<ul class="paperList">
<li><span><b>Eunjin Kim*</b>, Hyeonjin Kim*, Kyong Hwan Jin, Jaejun Yoo, BF-STVSR: B-Splines and Fourier—Best Friends for High Fidelity Spatial-Temporal Video Super-Resolution, The IEEE / CVF Computer Vision and Pattern Recognition Conference (CVPR), 2025. (Under Review)</span></li>
<li><span><b>Eunjin Kim*</b>, Hyeonjin Kim*, Jaejun Yoo, 비스플라인과 푸리에 기저 함수를 이용한 연속적인 시공간 비디오 초해상도 복원 연구, 37th Workshop on Image Processing and Image Understanding (IPIU), January 2025.</span></li>
<li><span><b>Eunjin Kim</b>, Jaejun Yoo, INR 기반 얼굴 비디오 초고해상도 복원, 36th Workshop on Image Processing and Image Understanding (IPIU), January 2024.</span></li>
</ul>
</div>
</div>
<div class="skillset2">
<div class="Lang">
<h3 class="skillsetTitle">Language</h3>
<ul class="langList">
<li><span>Python</span></li>
<li><span>Pytorch</span></li>
<li><span>JavaScript</span></li>
<li><span>UI/UX</span></li>
</ul>
</div>
<div class="tools">
<h3 class="skillsetTitle">Tools</h3>
<ul class="toolsList">
<li><span>Visual Studio Code</span></li>
<li><span>Github</span></li>
<li><span>Android Studio</span></li>
</ul>
</div>
<div class="etc">
<h3 class="skillsetTitle">Certification</h3>
<ul class="etcList">
<li><span>OPIc IH</span></li>
<li><span>정보처리기사 1급</span></li>
</ul>
</div>
</div>
</div>
</section>
<!-- Work -->
<section id="work" class="section">
<div class="sectionContainer">
<h1>My work</h1>
<h3>Projects</h3>
<div class="workCategories">
<button class="categoryBtn selected" data-filter="*">All<span class="categoryCount">7</span></button>
<button class="categoryBtn " data-filter="front-end">AI<span class="categoryCount">3</span></button>
<button class="categoryBtn" data-filter="back-end">Front/Mobile<span class="categoryCount">3</span></button>
<button class="categoryBtn" data-filter="mobile">ETC<span class="categoryCount">2</span></button>
</div>
<div class="workProjects">
<a href="https://arxiv.org/abs/2501.11043" class="project" target="blank" data-type="front-end">
<img class="projectsImg" src="imgs/bfstvsr.png" alt="Github" />
<div class="projectDescription">
<h3>arxiv: BF-STVSR: B-Splines and Fourier</h3>
<span>2024.11</span>
</div>
</a>
<a href="https://github.com/Eunjnnn/2021_AI" class="project" target="blank" data-type="front-end">
<img class="projectsImg" src="imgs/DL.png" alt="Github" />
<div class="projectDescription">
<h3>HPE 논문분석 및 전이학습 성능분석</h3>
<span>2021.10 ~ 2021.12</span>
</div>
</a>
<a href="https://drive.google.com/file/d/1A3MqaZ78NzwXIonmCYbgO99F3XMkHfEj/view?usp=sharing" class="project" target="blank" data-type="front-end">
<img class="projectsImg" src="imgs/AWS.png" alt="Github" />
<div class="projectDescription">
<h3>Amazon Lex 이용한 포트폴리오 ChatBot</h3>
<span>2021.09 ~ 2021.11</span>
</div>
</a>
<a href="https://drive.google.com/file/d/1BE2MKGGOj40qlJd2VrmNpXH_5oIoQ7nq/view?usp=sharing" class="project" target="blank" data-type="mobile">
<img class="projectsImg" src="imgs/Opensource.png" alt="Github" />
<div class="projectDescription">
<h3>Pytorch Ignite OSS Contribute</h3>
<span>2021.11</span>
</div>
</a>
<a data-front="2" href="https://github.com/Eunjnnn/Youtube-Downloader" class="project" target="blank" data-type="back-end">
<img class="projectsImg" src="imgs/youtubedown.png" alt="Github" />
<div class="projectDescription">
<h3>유투브 다운로더</h3>
<span>2018 윈도우즈 프로그래밍</span>
</div>
</a>
<a data-front="2" href="https://github.com/Eunjnnn/AlgorithmStudy" class="project" target="blank" data-type="mobile">
<img class="projectsImg" src="imgs/basic.png" alt="Github" />
<div class="projectDescription">
<h3>코딩테스트 스터디</h3>
<span>~ing</span>
</div>
</a>
<a href="https://github.com/Eunjnnn/WHOhomepage" class="project" target="blank" data-type="back-end">
<img class="projectsImg" src="imgs/WHO.png" alt="Github" />
<div class="projectDescription">
<h3>동아리 WHO 홈페이지</h3>
<span>2019</span>
</div>
</a>
<a data-front="2" href="https://github.com/Eunjnnn/Hackerthon" class="project" target="blank" data-type="back-end">
<img class="projectsImg" src="imgs/CartSignal.png" alt="Github" />
<div class="projectDescription">
<h3>장바구니 공유앱 CartSignal</h3>
<span>2020.09</span>
</div>
</a>
</div>
</div>
</section>
<!-- Testimonials -->
<section id="testimonials" class="section">
<div class="sectionContainer">
<h1>Testimonials</h1>
<h3>See what they say about me</h3>
<div class="testimonials">
<h2>Not Yet 🧐</h2>
<!--
<div class="testimonial">
<img src="imgs/people.jpg" alt="People" class="testimonialAvatar" />
<div class="testimonialSpeech-bubble">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit magni, veritatis minima dicta molestiae ipsum commodi
voluptatibus eligendi inventore exercitationem harum repellendus iure error sunt quaerat natus dolore consequatur qui.
</p>
<p class="name"><a href="https://github.com/Eunjnnn">Eunjin</a> /Student</p>
</div>
</div>
<div class="testimonial">
<div class="testimonialSpeech-bubble">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit magni, veritatis minima dicta molestiae ipsum commodi
voluptatibus eligendi inventore exercitationem harum repellendus iure error sunt quaerat natus dolore consequatur qui.
</p>
<p class="name"><a href="https://github.com/Eunjnnn">Eunjin</a> /Student</p>
</div>
<img src="imgs/people.jpg" alt="People" class="testimonialAvatar" />
</div>
-->
</div>
</div>
</section>
<!-- Contact -->
<section id="contact" class="section">
<h1 class="contactTitle">Let's talk</h1>
<h2 class="contactEmail">kim9912@hanmail.net</h2>
<div class="contactLinks">
<a href="https://github.com/Eunjnnn" target="_blank"> <i class="fab fa-github"></i></a>
<a href="https://www.linkedin.com/in/ejbob-7b09901ba/" target="_blank">
<i class="fab fa-linkedin"></i>
</a>
</div>
<p class="contactRights">Eunjin - All rights reserved</p>
</section>
<!-- Arrow Up -->
<button class="arrow-up">
<i class="fas fa-arrow-up"></i>
</button>
</body>
</html>