미리보기

[RallyEditor - 디자이너 워크플로우 개선] 

• 복잡한 수도코드 작성 과정을 GUI 기반 타임라인 에디터로 단순화하여 디자이너의 모션 작업 시간을 75% 단축 (20분 → 5분)

    

  • 드래그, 리사이징, 패닝이 가능한 타임라인 인터페이스로 직관적인 모션 시각화 구현

  • GUI 기반 속성 입력으로 코드 생성 과정을 자동화하여 휴먼 에러 제거

• 다양한 성능 최적화 작업을 통해 부드러운 사용자 경험을 제공

  • 중첩된 트리 구조를 flat tree 구조로 개선하여 노드 조회 성능 개선 (O(n) → O(1))

  • GPU 가속을 활용한 transform 기반 애니메이션과 requestAnimationFrame 기반 렌더링 최적화

  • 인터랙션 별 훅 분리 및 쓰로틀링 적용으로 렌더링 성능 개선

• Firestore를 활용해 확장 가능한 프로젝트 관리 시스템 구축

  • 폴더-파일 구조의 효율적인 데이터 모델링 (sub-collection 활용)

  • 메타데이터 기반 버전 관리로 스키마 변경에 대한 하위 호환성 보장

  • 개발/배포 환경 분리를 통한 안정적인 데이터 관리

[개발 환경 개선 및 생산성 향상]

• 프레이머 개발 워크플로우를 자동화하여 팀의 생산성 향상

  • hygen 기반 CLI 도구 개발로 컴포넌트 생성 시간 98% 단축 (20분 → 15초)

  • 15개 이상의 파일 생성 및 수정 과정을 자동화하여 휴먼 에러 방지

• 개발 환경의 안정성을 개선하여 팀의 개발 경험 향상

  • nodemon 자동 kill 로직 구현으로 로컬 서버 포트 충돌 문제 해결

  • 프레이머 개발 프로세스의 비효율을 분석하고 개선 방안을 제안하여, PoC를 통한 검증 진행

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

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

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

[Gachon Tools 개발 및 운영 (WAU 650+)]

• 학생들의 과목별 과제 현황 확인 문제를 자동화하는 크롬 확장 프로그램 개발

  • 지속적인 UI 개선에도 안정적인 스타일 적용이 가능하도록 Shadow DOM 기반 구조 설계 (관련 글)

  • Vitest를 활용한 HTML Parser 및 DOM 스냅샷 테스트로 서비스 안정성 확보

• 사용자 피드백을 통해 Chrome 130+ 버전 정책 변경으로 인한 호환성 이슈를 조기에 발견하고 해결 (PR#98)

  • 이 경험을 통해 사용자와의 소통이 서비스 개선의 핵심임을 깨달음

• 토스의 React Suspense 기반 상태 관리 라이브러리인 Suspensive의 메인테이너로 활동하며 DX 개선을 주도

    

  • 라이브러리의 러닝 커브를 낮추고 문서만으로 이해도를 높이기 위해 Sandpack 기반 인터랙티브 예제 도입 

  • GitHub Stars가 급격히 증가하는 등 좋은 반응을 얻어 다른 프로젝트에도 확장 적용 

    (toss/suspensive#995, toss/es-hangul#210, toss/es-toolkit#338)

• zustand, Tanstack Query, es-toolkit 등 다양한 오픈소스 프로젝트에 45개 이상의 PR을 기여

  • 매일 사용하는 것들이 오픈소스이기에, 프론트엔드 생태계의 발전을 위해 꾸준히 기여하고 있음 (관련 글)

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

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

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

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

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