미리보기

• 인터랙션 컴포넌트를 Framer 디자인 툴에서 사용 가능하도록 하는 컴포넌트 개발 및 유지보수

• DST(Design Syntax Tree) 기반으로 인터랙션 컴포넌트와 TDS(Toss Design System)의 React/React Native 코드젠 작업 담당

• 복잡한 애니메이션 시퀀스 구성 및 다양한 플랫폼 개발자 간 협업을 위한 Rally 수도코드 GUI 에디터 개발

GitHub

국적에 상관없이 자유롭게 모임을 형성하고 원하는 사람들과 공유할 수 있는 소모임 서비스입니다.

• 초기 로딩 시 아이콘 깜빡임 개선을 위해 sprite 기법 도입, svgstore CLI로 자동 sprite 생성 및 Icon 컴포넌트 구현으로 효율적 아이콘 관리 시스템 구축 [블로그 링크]

• 데이터 fetching의 선언적 처리를 위해 Suspensive 라이브러리 도입을 결정하고 팀을 설득하여 프로젝트에 적용

GitHub

• Toss의 오픈 소스 프로젝트 Suspensive의 메인테이너로 활동 및 공식 문서 개선 주도

• CodeSandbox의 Sandpack 컴포넌트와 remark 플러그인을 조합하여 MDX 문서에 실행 가능한 코드 샘플을 쉽게 추가할 수 있도록 개선, API 문서의 사용자 이해도 향상

• 문서화 코드의 통합 관리 및 프레임워크 간 재사용성 확보를 위한 Sandkit 오픈소스 프로젝트 기획

GitHub

• 가천대학교 LMS 과제 조회 크롬 확장프로그램 개발, 현재 500명 이상의 학우 활용 중

• Shadow DOM 활용으로 CSS 충돌 문제 해결, 일관된 UI/UX 제공 및 확장프로그램 안정성 향상

• 사용자 동의 기반 에러 정보 수집 및 GitHub Issues 자동 보고 시스템 구현으로 서비스 안정성 개선

• 프론트엔드 생태계 발전에 기여하기 위한 적극적인 오픈소스 활동 참여

• GitHub Sponsor 기능을 통한 오픈소스 개발자 후원

주요 오픈소스 기여 프로젝트

• FormidableLabs/spectacle

• toss/suspensive

• toss/es-toolkit

• toss/es-hangul

• PlasmoHQ/plasmo

• pmndrs/zustand

• Nextjs-kr/Nextjs.kr

• reactjs/ko.react.dev

• Jonghakseo/chrome-extension-boilerplate-react-vite

• GDSC(Google Developer Student Clubs) 가천대학교 1기 프론트엔드 코어 멤버로 활동

• 협업과 경험 공유를 위한 무한콘 개발자 오픈 밋업 기획 및 운영

• 정기 세션에서 Gachon Tools 크롬 익스텐션 개발 과정과 경험 공유

• IT 연합 동아리 Prography에서 8기 프론트엔드 멤버로 활동

• 디자이너와 개발자와 함께 카공실록 프로젝트를 기획부터 배포까지 하나의 프로세스 경험