Blog. wnhlee.dev

Email. 2wheeh@gmail.com

Github. github.com/2wheeh

LinkedIn. in/wnhlee

Description.

스파르타코딩클럽 소속 계약직 외주개발자로 페이지콜의 관리자 고객을 위한 콘솔 페이지를 개발했습니다. Github, Figma를 활용하여 페이지콜 개발자, 디자이너와 협업하였습니다.(고객 인터뷰, 콘솔 소개)

Tasks.

• 페이지콜의 내부 디자인 시스템을 기반으로 토스트, 캐러셀등 컴포넌트 개발
• 로그인, 기술지원, 청구서 등 페이지 설계 및 구현
• SWR을 활용한 서버 상태 관리, 백엔드 API와의 연동 작업

Tech Stack.

React, TypeScript, Next.js, SWR, tailwindCSS, Storybook, ChartJS, Yarn Berry, Monorepo

Description.

간단한 영화 리뷰 익명 커뮤니티 서비스 입니다. 최신 기술이나 필요한 기능들을 직접 구현하고 공부해보려 참여한 프로젝트입니다. (Mr.C, Github)

Tasks.

• Lexical 에디터를 Next.js에서 SSR 하기위한 패턴 설계. PoC(Proof of Concept)를 통해 아이디어 검증 및 구현(PoC)
• 슬라이더, 페이지네이션 등 컴포넌트를 라이브러리 사용 없이 직접 구현
• Storybook, jest 테스트 환경 구축 및 테스트 코드 작성

Tech Stack.

React, TypeScript, Next.js, Lexical, tailwindCSS, Storybook

Description.

SW 아카데미 정글에서 5명이 한 팀으로 진행한 프로젝트입니다. (Github)

Tasks.

• WebRTC와 WebSocket을 활용하여 N:N mesh 방식의 Peer-to-Peer 스트리밍 구현
• MediaStream, Canvas, Google MediaPipe API를 활용하여 스트리밍 영상의 배경 제거 기능 구현
• 크로마키를 적용하여 투명도 데이터 스트리밍의 오버헤드 개선

Tech Stack.

React, webRTC, PWA

Description.

컴퓨터의 동작 방식을 이해하기 위한 학습용 운영체제 구현 프로젝트(Github)

Tasks.

• 운영체제 코드를 직접 다뤄보며 커널, 시스템 콜, 세마포어, 프로세스, 가상메모리 등 컴퓨터의 동작 방식 학습
• 자료구조를 학습하고 운영체제에서 자료구조가 어떻게 사용되는지 경험
• 수백 개의 테스트 케이스를 통과하기 위해 집요한 예외 처리와 디버깅

Tech Stack.

C, Linux

Description.

meta에서 draftjs를 대체하여 facebook, instagram, whatsapp 등의 서비스에 사용 중인 Rich Text 에디터 프레임워크입니다. Mr.C 서비스에서 사용하기위해 코드베이스를 살펴보며 기여를 시작했습니다.(Github)

Tasks.

• 에디터 외부 html, markdown 불러오기 및 내보내기 로직, React 플러그인 위주로 버그 수정 및 기능 개선
• 유닛 테스트, e2e 테스트 코드 작성 및 문서화
• 총 28개 PR 머지 (커밋)
• 커뮤니티 활동 (답변)

Description.

리액트 공식 문서 페이지입니다.

Tasks.

• 공식 한글 커뮤니티 useLayoutEffect 페이지 번역 (PR)
• remark 커스텀 플러그인 개선 (PR)

Description.

카이스트 전산학부 비학위연수과정 정글 5기 수료(홈페이지)

Description.

교환학생 (Universitat Politecnica de Valencia, Spain)

Description.

생체공학전공

Description.

CIS 사업부, 모듈 HW I/F 검증

Description.

광학솔루션 연구소, 모바일용 카메라 모듈 개발