KRDS 디자인 토큰 Tailwind CSS 적용 방법 - 17px 폰트, 색상 시스템
KRDS의 17px 기본 폰트를 Tailwind CSS에서 처리하는 방법. 숫자 스케일과 시맨틱 토큰을 활용한 색상 시스템, 반응형 타이포그래피 구현.
KRDSTailwind CSS디자인토큰CSS변수다크모드
KWCAG 2.2 웹접근성 자동 적용 - KRDS React 컴포넌트로 검수 통과하기
HANUI 컴포넌트에 내장된 웹접근성 기능. aria 속성, 키보드 네비게이션, 포커스 관리까지 자동 적용되어 KWCAG 2.2 검수를 통과할 수 있습니다.
KWCAG웹접근성KRDSReactaria
KRDS React Button 컴포넌트 설계 - variant, 접근성, cva 패턴
HANUI Button 컴포넌트의 설계 철학. 8개 variant, cva 패턴, 접근성(aria-busy, 포커스 링), asChild, 아이콘 지원까지.
KRDSReactButton웹접근성cva
KRDS React 컴포넌트 구현 시간 비교 - 직접 코딩 vs HANUI
버튼, 폼, 헤더+메가메뉴를 직접 구현할 때와 HANUI를 쓸 때의 실제 코드와 시간 비교. Before/After로 보여드립니다.
KRDSReactBefore/After개발시간단축
shadcn/ui 방식의 KRDS React 컴포넌트 - 왜 npm 패키지가 아닌가
HANUI가 npm 패키지 대신 shadcn/ui 방식의 소스 복사를 택한 기술적 이유. Tailwind CSS, Radix UI 기반 아키텍처 설명.
shadcnReactTailwind CSS아키텍처
KRDS React 컴포넌트 라이브러리 HANUI - 그냥 가져다 쓰세요
KRDS 2.2 표준을 따르는 React 컴포넌트 라이브러리. shadcn/ui 방식으로 소스 코드를 복사해서 자유롭게 수정할 수 있습니다.
KRDSReact오픈소스컴포넌트