미리보기

두 계열사의 디자인 시스템 개발에 참여해 UX/DX 향상에 기여하고 있습니다.

Toss Design System(tds-desktop) 개발

• 토스코어 디자인 시스템 구축 및 유지보수

• 디자이너가 실제 React 컴포넌트를 사용해 디자인 할 수 있도록 framer code component 제작

• 개발자가 framer에 렌더링된 컴포넌트의 코드를 쉽게 확인할 수 있도록 chorme extension을 이용한 코드젠 제작

토스증권 TossSecurities Design System(tds-wts) 신규 개발 참여.

• tds-desktop을 기반으로 한 토스증권 WTS용 커스텀 디자인 시스템 제작

초기 스타트업의 일원으로 개발과 문화에 비중있게 기여할 수 있었습니다.

데이터 구조 재설계

• Firebase내 5개 컬렉션에 파편화 되어있던 할인/가격 정보를 하나의 컬렉션으로 가공하여 재사용성 개선

학원 예약 퍼널 개선

• Zustand를 사용해 각 퍼널에서 입력한 데이터를 전역으로 관리

( github / npm / storybook)

SOPT makers의 5개의 팀, 50명의 구성원이 제품에 더 집중할 수 있도록 디자인 시스템을 구축하고 있습니다.

디자인 시스템 구축

• turborepo를 사용해 4개의 패키지 관리

• React 기반의 디자인 시스템 컴포넌트 개발

  • RadixUI, MUI 등 오픈소스를 참고한 접근성 높은 컴포넌트 개발

  • vitest를 이용한 컴포넌트 유닛 테스트 도입, 컴포넌트 동작에 대한 검증

  • Storybook을 이용한 UI 테스트 진행, 문서화를 통해 가이드로 사용.

• SemVer에 의거한 버전 관리, 패키지 오픈소스로 제공

VoC 수집을 위한 슬랙 문의 채널 개설

• 기존 시스템의 문제점이었던 유저 피드백 창구가 없다는 문제를 해결하기 위해 버그 제보, 업데이트 공지를 할 수 있는 슬랙 채널 신설

• slack list 를 활용해 이슈 티켓 발행, 구성원에게 작업 진행 상황 공유

( github / website )

SOPT makers에 대한 소개와 신규 회원 모집을 위한 팀 페이지를 제작하며 다양한 기술을 학습할 수 있었습니다.

팀 소개 페이지 제작

• framer-motion을 이용한 스크롤 인터랙션 적용

신규 팀원 모집 페이지 제작

• Notion을 headless CMS로 사용해 개발 리소스 절약, 데이터 수정이 용이하도록 함

• Server-component 를 이용해 notion 데이터 기반의 페이지 사전 렌더링

• Notion 데이터를 Cloudflare KV에 저장하고, 데이터 수정 시에만 Notion API를 호출할 수 있는 구조로 API 비용 절감

( github )

매 기수 200명의 회원이 활동하는 SOPT 동아리 임원진이 사용하는 어드민 페이지를 초기세팅부터 2년간 개발하여 효율적인 동아리 운영을 돕고 있습니다.

출석 시스템 개발

• 수동으로 출석하던 시스템에서 SOPT앱을 통해 출석이 가능하게 변경함으로써 임원진의 출결관리의 필요성 대두

• React-Query를 이용한 출석 생성/조회/삭제 로직 구현

알림 발송 시스템 개발

• SOPT앱 유저에게 알림을 발송할 수 있는 알림 시스템 구현

환경변수를 이용한 개발자 도구 제작

• 어드민 유저 중 출석 기능에 접근을 제한해야 하는 유저가 생기면서 계정 별 권한 분리 기능 추가

• 개발, QA시 계정별 다른 기능을 한번에 확인하기 위해 React-Query DevTool에 영감을 받아 환경변수로 dev 환경을 판별하고, 해당 환경에서는 권한을 자유롭게 전환할 수 있는 디버깅 툴 제작

약 3000명의 SOPT 구성원들이 겪는 불편함을 제품을 통해 해소하는 SOPT 산하 프로젝트 팀

역할 : 운영 프로덕트 팀 FE(2023), 플랫폼 팀 FE(2024), FE 챕터 리드(2024)

FE 챕터 리드

• 3개의 제품 팀, 1개의 플랫폼 팀에 속한 14명의 FE개발자 간 이슈 공유와 네트워킹을 통해 구성원이 연결될 수 있도록 격주로 정기모임 개최

• 조직 전체가 움직이는 안건에 대해 FE 대표로 참여

2개의 팀 활동

• 운영 프로덕트 팀의 초기 멤버로 임원진용 웹 어드민을 초기세팅부터 2년 간 개발 중.

• 플랫폼 팀 초기 멤버로 참여하여 makers내 디자인 시스템 배포 및 업데이트, 웹 어드민 개발 외 makers구성원들이 제품을 더 편하게 만드는데 기여

  • SOPT회원 기반의 로그인 인증 시스템을 구축하기 전 백엔드 개발자와 원활히 협업하기 위한 인증 절차 테스트용 PoC 개발. ( github )

대학생 연합 IT벤처창업 동아리 30, 31기 웹파트 수료

• 장기 해커톤 ‘APP_JAM’ 참여, 2개의 프로젝트 진행

  • nori : 장난감 대여 가격비교 플랫폼. 데모데이 대상 ( github )

  • Pic.me! : SNS기반 사진 선택 투표 서비스. 데모데이 최우수상 ( github )

• 단기 해커톤 ‘솝커톤’ 참여 1개의 프로젝트 진행. 대상 수상 ( github )