[SOCAR FRAME 만들기 #3] 컴포넌트, 제대로 만들어 쉽게 쓰자! (1탄)

쏘카 디자인팀은 서비스 고도화에 따라 반복되는 UI 개발의 비효율성을 해결하기 위해 디자인 시스템과 컴포넌트 도입의 필요성을 절감했습니다. 디자이너는 Sketch 심볼 기능을 활용하여 UI 재사용의 편의성을 높였지만, 상태와 용도, 인터랙션 정의에는 한계가 있어 UI 스타일 가이드 문서로 규칙을 공유해야 했습니다.

개발자는 기존 코드를 재사용하거나, 해당 UI의 출처를 알 수 없을 경우 새로 개발하는 방식으로 UI를 관리했습니다. 본 글은 디자이너와 개발자가 컴포넌트를 정의하고 개발하는 과정에서 겪는 비하인드 스토리를 공유하며, 디자인 시스템 구축 초기 단계의 팀이나 기존 시스템을 가진 팀에게 유용한 정보를 제공하고자 합니다.