StyleLint 개발

[Db0111]

어떤 기능인가요?

간결한 설명

디자인 시스템 토큰(color/spacing 등)이 코드에서 일관되게 사용되도록 돕는 stylelint plugin을 제작합니다.
프로젝트 내에서 raw value(예: #222222, 12px)가 사용되면 warn을 발생시키고, 대체 가능한 디자인 토큰(예: var(--color-text-primary))을 메시지로 제안합니다.
이 라이브러리를 팀 프로젝트 레포에 적용해, 새로운 컴포넌트를 만들 때 디자인 시스템이 깨지지 않도록 유지하고 기존에 있던 스타일 코드 중 디자인 시스템을 지키지 않았던 부분들을 검증해내는 것을 목표로 합니다 !

작업 상세 내용

• Stylelint 라이브러리 제작
• theme.ts를 중심으로 사용 규칙 명시

참고 자료