Skip to content

Commit 2351878

Browse files
2wheeh2wheeh
authored
docs(about): simplify (#75)
* chore: update lock * chore: remove download pdf * docs(about): simplify
1 parent f83d15f commit 2351878

File tree

3 files changed

+10
-250
lines changed

3 files changed

+10
-250
lines changed

‎package.json

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -70,5 +70,6 @@
7070
"*.{js,jsx,ts,tsx,md,mdx,json,astro}": [
7171
"prettier --write --plugin=prettier-plugin-astro"
7272
]
73-
}
73+
},
74+
"packageManager": "[email protected]+sha512.60c18acd138bff695d339be6ad13f7e936eea6745660d4cc4a776d5247c540d0edee1a563695c183a66eb917ef88f2b4feb1fc25f32a7adcadc7aaf3438e99c1"
7475
}

‎src/layouts/AboutLayout.astro

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,8 +16,10 @@ import Layout from "@layouts/Layout.astro";
1616
<slot />
1717
</section>
1818

19-
<div class="mx-auto flex max-w-3xl justify-between p-8 print:hidden">
20-
<DownloadToPdf client:load />
19+
<div
20+
class="mx-auto flex max-w-3xl flex-row-reverse justify-between p-8 print:hidden"
21+
>
22+
<!-- <DownloadToPdf client:load /> -->
2123
<BackToTop client:load />
2224
</div>
2325
</main>

‎src/pages/about/index.astro

Lines changed: 4 additions & 247 deletions
Original file line numberDiff line numberDiff line change
@@ -60,160 +60,6 @@ const linkedin = "linkedin.com/in/wnhlee";
6060

6161
<Hr />
6262

63-
<h1>Work Experience<AccentDot /></h1>
64-
65-
<div class="flex items-center justify-between">
66-
<div class="flex items-center gap-1">
67-
<p class="text-2xl font-bold">
68-
Pagecall<AccentDot />
69-
</p>
70-
</div>
71-
<p>2023.06 ~ 2023.07</p>
72-
</div>
73-
74-
<h2>관리자 콘솔 페이지<AccentDot /></h2>
75-
<div class="tablest-1-4">
76-
<strong>Description<AccentDot /></strong>
77-
<p>
78-
스파르타코딩클럽 소속 계약직 외주개발자로 페이지콜의 관리자 고객을 위한
79-
콘솔 페이지를 개발했습니다. Github, Figma를 활용하여 페이지콜 개발자,
80-
디자이너와 협업하였습니다.(<a
81-
href="https://www.sparta-builders.com/blog/client-interview-pagecall"
82-
>고객 인터뷰</a
83-
>, <a href="https://www.pagecall.com/product/console">콘솔 소개</a>)
84-
</p>
85-
86-
<strong>Tasks<AccentDot /></strong>
87-
<ul>
88-
<li>
89-
페이지콜의 내부 디자인 시스템을 기반으로 토스트, 캐러셀등 컴포넌트 개발
90-
</li>
91-
<li>로그인, 기술지원, 청구서 등 페이지 설계 및 구현</li>
92-
<li>SWR을 활용한 서버 상태 관리, 백엔드 API와의 연동 작업</li>
93-
</ul>
94-
95-
<strong>Tech Stack<AccentDot /></strong>
96-
<p>
97-
React, TypeScript, Next.js, SWR, tailwindCSS, Storybook, ChartJS, Yarn
98-
Berry, Monorepo
99-
</p>
100-
</div>
101-
102-
<Hr pageBreak />
103-
104-
<h1>Project<AccentDot /></h1>
105-
106-
<div class="flex items-center justify-between">
107-
<div class="flex items-center gap-1">
108-
<p class="text-2xl font-bold">
109-
MrC<AccentDot />
110-
</p>
111-
</div>
112-
<p>2024.02 ~ 2023.05</p>
113-
</div>
114-
115-
<h2>영화 리뷰 커뮤니티<AccentDot /></h2>
116-
<div class="tablest-1-4">
117-
<strong>Description<AccentDot /></strong>
118-
<p>
119-
간단한 영화 리뷰 익명 커뮤니티 서비스 입니다. 최신 기술이나 필요한
120-
기능들을 직접 구현하고 공부해보려 참여한 프로젝트입니다. (<a
121-
href="https://mr-c.kr">Mr.C</a
122-
>, <a href="https://github.com/MovieReviewComment/Mr.C">Github</a>)
123-
</p>
124-
125-
<strong>Tasks<AccentDot /></strong>
126-
<ul>
127-
<li>
128-
Lexical 에디터를 Next.js에서 SSR 하기위한 패턴 설계. PoC(Proof of
129-
Concept)를 통해 아이디어 검증 및 구현(<a
130-
href="https://github.com/2wheeh/lexical-nextjs-ssr">PoC</a
131-
>)
132-
</li>
133-
<li>
134-
슬라이더, 페이지네이션 등 컴포넌트를 라이브러리 사용 없이 직접 구현
135-
</li>
136-
<li>Storybook, jest 테스트 환경 구축 및 테스트 코드 작성</li>
137-
</ul>
138-
139-
<strong>Tech Stack<AccentDot /></strong>
140-
<p>React, TypeScript, Next.js, Lexical, tailwindCSS, Storybook</p>
141-
</div>
142-
143-
<br />
144-
145-
<div class="flex items-center justify-between">
146-
<div class="flex items-center gap-1">
147-
<p class="text-2xl font-bold">
148-
픽피코<AccentDot />
149-
</p>
150-
</div>
151-
<p>2022.12 ~ 2023.01</p>
152-
</div>
153-
154-
<h2>인생네컷 모바일 서비스<AccentDot /></h2>
155-
<div class="tablest-1-4">
156-
<strong>Description<AccentDot /></strong>
157-
<p>
158-
SW 아카데미 정글에서 5명이 한 팀으로 진행한 프로젝트입니다. (<a
159-
href="https://github.com/2wheeh/picpico-client">Github</a
160-
>)
161-
</p>
162-
163-
<strong>Tasks<AccentDot /></strong>
164-
<ul>
165-
<li>
166-
WebRTC와 WebSocket을 활용하여 N:N mesh 방식의 Peer-to-Peer 스트리밍 구현
167-
</li>
168-
<li>
169-
MediaStream, Canvas, Google MediaPipe API를 활용하여 스트리밍 영상의
170-
배경 제거 기능 구현
171-
</li>
172-
<li>크로마키를 적용하여 투명도 데이터 스트리밍의 오버헤드 개선</li>
173-
</ul>
174-
175-
<strong>Tech Stack<AccentDot /></strong>
176-
<p>React, webRTC, PWA</p>
177-
</div>
178-
179-
<br />
180-
181-
<div class="flex break-before-page items-center justify-between">
182-
<div class="flex items-center gap-1">
183-
<p class="text-2xl font-bold">
184-
pintOS<AccentDot />
185-
</p>
186-
</div>
187-
<p>2022.11 ~ 2022.12</p>
188-
</div>
189-
190-
<h2>C언어로 운영체제 구현해보기<AccentDot /></h2>
191-
<div class="tablest-1-4">
192-
<strong>Description<AccentDot /></strong>
193-
<p>
194-
컴퓨터의 동작 방식을 이해하기 위한 학습용 운영체제 구현 프로젝트(<a
195-
href="https://github.com/2wheeh/pintos-kaist">Github</a
196-
>)
197-
</p>
198-
199-
<strong>Tasks<AccentDot /></strong>
200-
<ul>
201-
<li>
202-
운영체제 코드를 직접 다뤄보며 커널, 시스템 콜, 세마포어, 프로세스,
203-
가상메모리 등 컴퓨터의 동작 방식 학습
204-
</li>
205-
<li>
206-
자료구조를 학습하고 운영체제에서 자료구조가 어떻게 사용되는지 경험
207-
</li>
208-
<li>수백 개의 테스트 케이스를 통과하기 위해 집요한 예외 처리와 디버깅</li>
209-
</ul>
210-
211-
<strong>Tech Stack<AccentDot /></strong>
212-
<p>C, Linux</p>
213-
</div>
214-
215-
<Hr />
216-
21763
<h1>OSS Contribution<AccentDot /></h1>
21864

21965
<div class="flex items-center justify-between">
@@ -228,21 +74,20 @@ const linkedin = "linkedin.com/in/wnhlee";
22874
<strong>Description<AccentDot /></strong>
22975
<p>
23076
meta에서 draftjs를 대체하여 facebook, instagram, whatsapp 등의 서비스에
231-
사용 중인 Rich Text 에디터 프레임워크입니다. Mr.C 서비스에서 사용하기위해
232-
코드베이스를 살펴보며 기여를 시작했습니다.(<a
77+
사용 중인 Rich Text 에디터 프레임워크입니다. (<a
23378
href="https://github.com/facebook/lexical">Github</a
23479
>)
23580
</p>
23681

23782
<strong>Tasks<AccentDot /></strong>
23883
<ul>
23984
<li>
240-
에디터 외부 html, markdown 불러오기 및 내보내기 로직, React 플러그인
241-
위주로 버그 수정 및 기능 개선
85+
에디터 외부 html, markdown 변환 로직, React 플러그인 위주로 버그 수정 및
86+
기능 개선
24287
</li>
24388
<li>유닛 테스트, e2e 테스트 코드 작성 및 문서화</li>
24489
<li>
245-
총 28개 PR 머지 (<a
90+
총 32개 PR 머지 (<a
24691
href="https://github.com/facebook/lexical/commits?author=2wheeh"
24792
>커밋</a
24893
>)
@@ -284,94 +129,6 @@ const linkedin = "linkedin.com/in/wnhlee";
284129
</li>
285130
</ul>
286131
</div>
287-
288-
<Hr pageBreak />
289-
290-
<h1>Education<AccentDot /></h1>
291-
292-
<div class="flex items-center justify-between">
293-
<div class="flex items-center gap-1">
294-
<p class="text-2xl font-bold">
295-
정글<AccentDot />
296-
</p>
297-
</div>
298-
<p>2022.09 ~ 2023.02</p>
299-
</div>
300-
301-
<div class="tablest-1-4">
302-
<strong>Description<AccentDot /></strong>
303-
<p>
304-
카이스트 전산학부 비학위연수과정 정글 5기 수료(<a
305-
href="https://swjungle.net/">홈페이지</a
306-
>)
307-
</p>
308-
</div>
309-
310-
<br />
311-
312-
<div class="flex items-center justify-between">
313-
<div class="flex items-center gap-1">
314-
<p class="text-2xl font-bold">
315-
UPV<AccentDot />
316-
</p>
317-
</div>
318-
<p>2019.01 ~ 2019.07</p>
319-
</div>
320-
321-
<div class="tablest-1-4">
322-
<strong>Description<AccentDot /></strong>
323-
<p>교환학생 (Universitat Politecnica de Valencia, Spain)</p>
324-
</div>
325-
326-
<br />
327-
328-
<div class="flex items-center justify-between">
329-
<div class="flex items-center gap-1">
330-
<p class="text-2xl font-bold">
331-
한양대학교<AccentDot />
332-
</p>
333-
</div>
334-
<p>2014.03 ~ 2020.08</p>
335-
</div>
336-
337-
<div class="tablest-1-4">
338-
<strong>Description<AccentDot /></strong>
339-
<p>생체공학전공</p>
340-
</div>
341-
342-
<Hr />
343-
344-
<h1>Other Experience<AccentDot /></h1>
345-
346-
<div class="flex items-center justify-between">
347-
<div class="flex items-center gap-1">
348-
<p class="text-2xl font-bold">
349-
SK Hynix<AccentDot />
350-
</p>
351-
</div>
352-
<p>2021.10 ~ 2022.05</p>
353-
</div>
354-
355-
<div class="tablest-1-4">
356-
<strong>Description<AccentDot /></strong>
357-
<p>CIS 사업부, 모듈 HW I/F 검증</p>
358-
</div>
359-
360-
<br />
361-
362-
<div class="flex items-center justify-between">
363-
<div class="flex items-center gap-1">
364-
<p class="text-2xl font-bold">
365-
LG Innotek<AccentDot />
366-
</p>
367-
</div>
368-
<p>2020.07 ~ 2021.10</p>
369-
</div>
370-
371-
<div class="tablest-1-4">
372-
<strong>Description<AccentDot /></strong>
373-
<p>광학솔루션 연구소, 모바일용 카메라 모듈 개발</p>
374-
</div>
375132
</AboutLayout>
376133

377134
<style>

0 commit comments

Comments
 (0)