Introduction
COCSO 제품에서 사용하는 컴포넌트 시스템을 소개합니다.
배경
주식회사 코쏘는 일반 사용자, 비즈니스 관리자, 제약사 관리자, 최고 관리자 등 다양한 이용자 유형을 대상으로 웹 서비스를 운영하고 있습니다. 서비스 범위가 증가함에 따라 컴포넌트, 아이콘, 스타일이 중복으로 정의되는 문제가 발생했으며, 서비스 간의 인터페이스 차이가 커지면서, 일관된 디자인 체계가 필요했습니다.
특징
COCSO-UI는 KRDS를 기반으로 하되, 일부 색상과 사이즈를 수정했습니다. 그러면서도 커스텀이 가능하도록 확장성을 열어두었습니다.
주요 특징은 아래와 같습니다.
- CSS Modules를 사용하여 스타일이 캡슐화되어 있습니다. 별도의 CSS 라이브러리 의존성이 없어 모든 프로젝트와 호환됩니다.
- Radix UI 기반으로 제작되어 WAI-ARIA 웹 접근성 표준을 준수합니다.
- TypeScript로 작성되어 안정적인 타입 추론을 지원합니다.
관심이 생기셨나요?
그렇다면, 함께 문서를 히치하이킹 해봅시다.