미리보기
기본 정보
UX, 접근성 높은 코드로 사람의 삶을 바꾸고 싶은 개발자 김형겸입니다.
자기소개
좋은 UX는 삶을 바꾼다고 생각합니다.
제가 기여한 제품의 UX덕에 더 나은 삶을 살게 되었다는 지인의 이야기를 들은 후, 더 많은 사람들의 삶을 바꾸기 위해 컴포넌트 단계에서부터 UX와 접근성을 높일 수 있도록 항상 고민하며 개발하고 있습니다.
가치를 증폭시키는 개발자가 되고자 합니다.
가치를 제공하기 위해 직접 제품을 개발하는 방법도 있지만, 타인 및 동료가 더 많은 가치를 창출할 수 있도록 하는 제품을 만들어 그들이 더 높은 퍼포먼스를 낼 수 있도록 돕고, 비 개발적인 영역에서도 구성원이 더 원활하게 소통할 수 있게 정책과 문화를 만들어 소통에서의 병목을 줄여나가고 있습니다.
기술 스택
JavaScript, TypeScript, React, Next.js, next.js13, react-query
경력
Viva Republica(토스)
UX Engineer Assistant | PC UX Platform Team | 재직 중
2024.06. ~ 재직 중 (6개월)
두 계열사의 디자인 시스템 개발에 참여해 UX/DX 향상에 기여하고 있습니다.
Toss Design System(tds-desktop) 개발
토스코어 디자인 시스템 구축 및 유지보수
디자이너가 실제 React 컴포넌트를 사용해 디자인 할 수 있도록 framer code component 제작
개발자가 framer에 렌더링된 컴포넌트의 코드를 쉽게 확인할 수 있도록 chorme extension을 이용한 코드젠 제작
토스증권 TossSecurities Design System(tds-wts) 신규 개발 참여.
tds-desktop을 기반으로 한 토스증권 WTS용 커스텀 디자인 시스템 제작
TGSociety(운전선생)
Frontend Developer | 개발팀
2024.01. ~ 2024.05. (5개월)
초기 스타트업의 일원으로 개발과 문화에 비중있게 기여할 수 있었습니다.
데이터 구조 재설계
Firebase내 5개 컬렉션에 파편화 되어있던 할인/가격 정보를 하나의 컬렉션으로 가공하여 재사용성 개선
학원 예약 퍼널 개선
Zustand를 사용해 각 퍼널에서 입력한 데이터를 전역으로 관리
프로젝트
makers design system
SOPT makers
2024.02. ~ 진행 중
SOPT makers의 5개의 팀, 50명의 구성원이 제품에 더 집중할 수 있도록 디자인 시스템을 구축하고 있습니다.
디자인 시스템 구축
turborepo를 사용해 4개의 패키지 관리
React 기반의 디자인 시스템 컴포넌트 개발
RadixUI, MUI 등 오픈소스를 참고한 접근성 높은 컴포넌트 개발
vitest를 이용한 컴포넌트 유닛 테스트 도입, 컴포넌트 동작에 대한 검증
Storybook을 이용한 UI 테스트 진행, 문서화를 통해 가이드로 사용.
SemVer에 의거한 버전 관리, 패키지 오픈소스로 제공
VoC 수집을 위한 슬랙 문의 채널 개설
기존 시스템의 문제점이었던 유저 피드백 창구가 없다는 문제를 해결하기 위해 버그 제보, 업데이트 공지를 할 수 있는 슬랙 채널 신설
slack list 를 활용해 이슈 티켓 발행, 구성원에게 작업 진행 상황 공유
makers team page
sopt makers
2023.07. ~ 2023.07.
SOPT makers에 대한 소개와 신규 회원 모집을 위한 팀 페이지를 제작하며 다양한 기술을 학습할 수 있었습니다.
팀 소개 페이지 제작
framer-motion을 이용한 스크롤 인터랙션 적용
신규 팀원 모집 페이지 제작
Notion을 headless CMS로 사용해 개발 리소스 절약, 데이터 수정이 용이하도록 함
Server-component 를 이용해 notion 데이터 기반의 페이지 사전 렌더링
Notion 데이터를 Cloudflare KV에 저장하고, 데이터 수정 시에만 Notion API를 호출할 수 있는 구조로 API 비용 절감
SOPT Web Admin
sopt makers
2023.02. ~ 진행 중
( github )
매 기수 200명의 회원이 활동하는 SOPT 동아리 임원진이 사용하는 어드민 페이지를 초기세팅부터 2년간 개발하여 효율적인 동아리 운영을 돕고 있습니다.
출석 시스템 개발
수동으로 출석하던 시스템에서 SOPT앱을 통해 출석이 가능하게 변경함으로써 임원진의 출결관리의 필요성 대두
React-Query를 이용한 출석 생성/조회/삭제 로직 구현
알림 발송 시스템 개발
SOPT앱 유저에게 알림을 발송할 수 있는 알림 시스템 구현
환경변수를 이용한 개발자 도구 제작
어드민 유저 중 출석 기능에 접근을 제한해야 하는 유저가 생기면서 계정 별 권한 분리 기능 추가
개발, QA시 계정별 다른 기능을 한번에 확인하기 위해 React-Query DevTool에 영감을 받아 환경변수로 dev 환경을 판별하고, 해당 환경에서는 권한을 자유롭게 전환할 수 있는 디버깅 툴 제작
대외활동
sopt makers
대학생 연합 IT 창업동아리 SOPT
약 3000명의 SOPT 구성원들이 겪는 불편함을 제품을 통해 해소하는 SOPT 산하 프로젝트 팀
역할 : 운영 프로덕트 팀 FE(2023), 플랫폼 팀 FE(2024), FE 챕터 리드(2024)
FE 챕터 리드
3개의 제품 팀, 1개의 플랫폼 팀에 속한 14명의 FE개발자 간 이슈 공유와 네트워킹을 통해 구성원이 연결될 수 있도록 격주로 정기모임 개최
조직 전체가 움직이는 안건에 대해 FE 대표로 참여
2개의 팀 활동
운영 프로덕트 팀의 초기 멤버로 임원진용 웹 어드민을 초기세팅부터 2년 간 개발 중.
플랫폼 팀 초기 멤버로 참여하여 makers내 디자인 시스템 배포 및 업데이트, 웹 어드민 개발 외 makers구성원들이 제품을 더 편하게 만드는데 기여
SOPT회원 기반의 로그인 인증 시스템을 구축하기 전 백엔드 개발자와 원활히 협업하기 위한 인증 절차 테스트용 PoC 개발. ( github )