컴포넌트 설계 전에 꼭 해야 하는 것 | 오픈소스 벤치마킹과 단일/복합 컴포넌트 구분
듀자인 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곳