1. 디자인 시스템, 형태를 넘어서

컴포넌트를 커스텀 하는 방식

디자인 시스템에 기대하는 것이 불분명하면 이런 것들이 섞이고 단점이 심해질 수 있다.

Flex Front-end Team의 Linear(design system 이름)를 개발할 때는 아래와 같이 특징을 구분지음.

부가적인 Linear의 제안사항들

• 기능은 형태와 독립적이다 → 기능은 형태에 종속되지 않아야함 (형태 : 기능 = n : 1) → 기본 컴포넌트를 커스텀이 자유롭게 만들고 그 커스텀 한 컴포넌트를 다시 제작하는식
• 기본 동작을 보장한다 → 기본 동작과 아닌 것 정의 중요 ex) dropdown에서 키보드로 이동하는 등등
• 최소한의 제약만 가진다 → 커스텀이 자유롭게 (아마 기본적인 컴포넌트들 의미하는 듯)

Linear에서는 Compound Pattern 쓴다. (lunch & learn 최고) → 장점이 많다.

<Menu.Container>
	<Menu.Title>메뉴</Menu.Title>
</Menu.Container>

Linear(디자인 시스템 이름)에서 부딪힌 문제

매번 조합해서 새로 만드는게 귀찮음 → extension 이라는 새로운 모듈 개발 → type이나 마이너한 기능 새로 정의한 재사용 가능한 컴포넌트들을 만듬

2. 모노레포

모노레포란 ?