- 쓴 기술
- TypeScript · React · Tailwind CSS
- 분류
- 디자인 시스템 · 컴포넌트 · 문서화
어떤 상황이었나
여러 서비스가 각자 다른 화면 규칙을 쓰면서, 같은 버튼을 매번 다시 만드는 상황이 반복됐습니다.
만든 것
- 색상·간격 토큰
- 공용 컴포넌트 묶음
- 사용 예시가 붙은 카탈로그 사이트
어떻게 돌아가나
토큰 정의컴포넌트 구현카탈로그 게시각 서비스에서 설치
카탈로그 사이트를 직접 띄워 두고, 각 서비스가 거기서 컴포넌트를 가져다 씁니다.
하지 않는 것
- 브랜드 아이덴티티나 시안 디자인 자체를 만들지는 않습니다.
관련 글
의뢰처와 내부 구성은 공개하지 않습니다. 이 글은 일반화한 설명입니다.
비슷한 걸 만들어야 한다면
어떤 상황인지 알려주시면 비슷한 구성부터 정리해서 회신드립니다.