미리보기

• Framer 디자인 툴과 호환되도록 인터랙션 컴포넌트 개발, 이슈 대응 및 유지보수

• 인터랙션 컴포넌트 및 TDS(Toss Design System)의 React/React Native 코드젠 개발 및 유지보수

[Interaction Guide Guild]

Rally 수도코드 작성을 위한 직관적인 GUI 에디터 RallyEditor를 설계 및 개발했습니다.

• 직관적인 애니메이션 타임라인 뷰 구현하여 복잡한 애니메이션 흐름을 시각적으로 쉽게 구성 및 편집

• 단축키/tabindex 고도화로 디자이너 작업 효율성 극대화

• 수도코드를 DST(Design Syntax Tree)로 변환하는 시스템 구축 및 DST 기반 Web/iOS/Android 코드 자동 생성 구현

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

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

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

• 토스의 오픈 소스인 Suspensive의 메인테이너로 활동하며 기능 및 공식 문서 개선 주도

• CodeSandbox의 Sandpack을 활용하여 문서에서 바로 실행할 수 있도록 구현 -> 유저의 API 문서 이해도 향상, es-toolkit, es-hangul 문서에도 적용

• Sandpack 활용 간소화를 위한 Sandkit 오픈소스 프로젝트 기획 및 개발 착수

  • 마크다운 문서용 컴포넌트/플러그인 개발, 다양한 프레임워크 지원 템플릿 제공으로 DX 개선 목표 중

학업 과제 관리의 비효율성 문제를 해결하기 위해 크롬 확장프로그램 개발했습니다.

• 가천대학교 LMS 과제 관리 크롬 확장프로그램인 Gachon Tools 개발 및 배포 (500+ 사용자)

• Shadow DOM 적용으로 스타일 충돌 방지 및 안정성 향상

• 외부 서비스 의존성 극복을 위한 DOM 스냅샷 기반 디버깅 시스템을 구현하여 신속한 이슈 해결 및 서비스 안정성 개선

• 프론트엔드 오픈소스 프로젝트에 대한 지속적인 관심과 작은 기여로 개발 생태계 활성화 및 기술 발전 도모

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

• 오픈소스 기여 목록 >

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

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

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

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

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