망고

☁️ 개요구름톤 12기에 참가하며 구름의 디자인 시스템 체계를 구축하는데 기여하신 제로님께 디자인 시스템 강의를 들을 기회가 있었습니다. 이 세션을 통해 구름 서비스의 디자인 시스템 설계 원칙과 개선 방향에 대한 귀중한 통찰을 얻을 수 있었습니다. 그동안 제가 개발하면서 놓쳤던 부분들을 되돌아보며, 단순히 복잡함 속에 빠져 있었던 설계 방식을 반성하게 되었습니다. 이번 글에서는 강의에서 다룬 주요 내용을 정리하고, 이를 통해 느낀 점들을 공유하려고 합니다.🎨 디자인 시스템이란?디자인 시스템은 디자이너와 개발자가 협업하여 일관된 사용자 경험을 제공하기 위해 구성된 일련의 원칙, 컴포넌트, 도구를 의미합니다. 이를 통해 디자인과 개발 과정에서의 비효율성을 줄이고, 제품의 일관성과 품질을 높일 수 있습니다...

🏃‍♀️‍➡️ 개요이 글에서는 전세대출 서비스 사이드 프로젝트에서 컴포넌트 관리와, 스토리북(Storybook)을 도입하여 프로젝트 내에 디자인 시스템을 구축한 경험에 대해 공유하려 합니다. 스토리북(Storybook)의 개념과 팀 내에서 어떻게 활용했는지에 대한 방법에 대해 설명합니다. 🚨 문제 상황개발팀에서 작업을 진행할 때, 특히 여러 명이 함께 프로젝트를 진행하는 경우 컴포넌트의 효율적인 관리는 언제나 큰 도전 과제입니다. 이번 전세대출 서비스 사이드 프로젝트에서도 비슷한 문제가 발생했습니다. 금융계산기 페이지개발하면서 총 4가지 계산 기능을 나누어 2개씩 나누어 개발하게 되었습니다. 작업을 진행하다 보니 각 페이지에서 공통으로 사용하는 UI 컴포넌트들이 많았고,UI의 일관성을 유지하면서도 개..