Перейти к содержимому

컴포넌트 설계 전에 꼭 해야 하는 것 | 오픈소스 벤치마킹과 단일/복합 컴포넌트 구분

듀자인 Dewsign

0:00 / 0:00

컴포넌트 설계 전에 꼭 해야 하는 것 | 오픈소스 벤치마킹과 단일/복합 컴포넌트 구분

205 просмотров · 1 мес. назад
듀자인 Dewsign
298 подписчиков
205 просмотров · 1 мес. назад
Part 4. Atomic Design 챕터의 첫 번째 영상이에요. 컴포넌트 설계에 들어가기 전에 실제로 많은 분들이 막히는 지점을 먼저 짚고, 오픈소스 디자인 시스템을 어떻게 리서치하고 벤치마킹하는지 실전 흐름으로 정리했습니다. 📌 이 영상에서 배우는 것 컴포넌트 토큰 단계에서 막히는 이유와 두 가지 접근 방식 화면에서 필요한 컴포넌트 후보를 골라내는 방법 Ant Design, Material Design, Wanted 속성 비교 벤치마킹 단일 컴포넌트와 복합 컴포넌트의 차이와 제작 우선순위 컴포넌트 설계에 도움이 되는 레퍼런스 사이트 3곳 🔗 Reference & Further Reading Component Gallery https://component.gallery Open UI https://open-ui.org Design Systems Repo https://designsystemsrepo.com/design-... 우리 함께 고민하고, 함께 성장해요! 🌱 ==================================== 🇺🇸 English version video →    • How to Research Components Before You Buil...   ==================================== 📌 채널 이용 안내 [KR] 구독을 통해 더 깊이 있는 디자인 시스템 강좌를 만나보세요. [EN] The English version is available in the playlist. ==================================== 📌 Connect with Dewsign Instagram @dewsign.design e-mail dewsign.design@gmail.com Timeline 00:00 인트로 및 컴포넌트 토큰 단계에서 막히는 이유 01:20 두 가지 설계 상황 | 리뉴얼 vs 기획서 기반 신규 설계 02:44 오픈소스 벤치마킹 방법 | Toggle, Checkbox 속성 비교 05:04 Status vs State 개념 구분 06:11 싱글 컴포넌트 vs 복합 컴포넌트 08:26 제작 우선순위 정리와 레퍼런스 사이트 3곳