빌드 비하인드: 개발 (새 탭에서 열림)

개발자 트루 나를라(Tru Narla)는 협업 툴 환경에서 사용자 간의 정서적 교감을 높이기 위해 개발한 '사운드보드(Soundboard)' 위젯의 제작 비하인드를 공유합니다. 이 글은 단순한 기능 구현을 넘어 원격 협업에서 결여되기 쉬운 생동감을 기술적으로 어떻게 보완할 수 있는지에 대한 통찰을 제공하며, 창의적인 사이드 프로젝트가 실제 제품 환경에 녹아드는 과정을 보여줍니다.

사운드보드 위젯의 개발 동기와 목적

  • 원격 회의나 FigJam을 활용한 협업 시, 텍스트나 커서 움직임만으로는 전달하기 어려운 즉각적인 감정 표현의 필요성을 느낌.
  • 박수 소리, 에어혼, 드럼 연주 등 다양한 효과음을 통해 회의의 긴장감을 완화하고 팀원 간의 유대감을 형성하는 '디지털 아이스브레이킹' 도구로 설계됨.
  • 사용자가 단순히 도구를 사용하는 것을 넘어, 함께 즐거움을 공유할 수 있는 '경험'을 제공하는 데 초점을 맞춤.

기술적 구현과 위젯 API의 활용

  • 피그마(Figma)의 위젯 API를 활용하여 개발되었으며, React와 유사한 선언적 UI 구조를 사용하여 위젯의 상태를 관리함.
  • 브라우저 기반 환경에서 여러 사용자가 동시에 사운드를 듣고 상호작용할 수 있도록 실시간 동기화와 오디오 재생 최적화 문제를 해결함.
  • 플러그인과 달리 캔버스 위에 상주하며 모든 참여자에게 동일하게 보여야 하는 위젯의 특성을 고려하여 UI/UX를 설계함.

엔지니어링적 성장과 차기 과제

  • 기술적 완성도만큼이나 중요한 것은 사용자의 피드백을 빠르게 반영하여 도구의 '재미' 요소를 극대화하는 것임을 강조함.
  • 사운드보드 개발 경험을 바탕으로, 앞으로도 개발자 도구와 플러그인 생태계를 확장하여 협업의 질을 높이는 다양한 실험을 지속할 계획임.

개발자로서 기술적 문제를 해결하는 것에 그치지 않고, 팀의 분위기를 바꾸는 감성적인 가치를 도구에 녹여내는 시도는 협업 툴 시장에서 매우 중요한 차별화 포인트가 됩니다. 동료들과의 소통이 정체되어 있다고 느낀다면, 이처럼 가볍고 유쾌한 기능을 가진 위젯을 직접 설계해 보거나 업무 프로세스에 도입해 볼 것을 추천합니다.