Skip to Content
Getting StartedGetting Started

Getting Started

Vortex UI를 사용하여 프로젝트를 빠르게 시작하세요.

Vortex UI란?

Vortex UI는 전사 표준 프론트엔드 컴포넌트 라이브러리입니다. React 19, TypeScript 5, Tailwind CSS 4.0을 기반으로 하며, 세 가지 제품 패키지를 제공합니다.

제품 패키지

  • Foundation: 중립적인 기본 컴포넌트 (커스터마이징 가능)
  • iCignal: iCignal 브랜딩이 적용된 컴포넌트
  • Cals: Cals 브랜딩이 적용된 컴포넌트

왜 Vortex UI를 사용해야 하나요?

1. Multi-tenant Architecture

제품별로 최적화된 컴포넌트를 제공하여 각 팀이 독립적으로 개발할 수 있습니다.

2. 개발자 경험

  • TypeScript 완벽 지원: 타입 안전성과 IntelliSense 자동완성
  • Tailwind CSS 기반: 유연한 스타일링과 빠른 개발
  • CLI 도구 제공: npx @vortex/cli로 간편한 컴포넌트 추가

3. 접근성 우선

  • WCAG 2.1 AA 준수
  • 키보드 네비게이션 지원
  • 스크린 리더 호환

빠른 시작 (3단계)

Step 1: 설치

npm install @vortex/ui-foundation

Step 2: 설정

// tailwind.config.ts
import { foundationPreset } from "@vortex/ui-foundation/preset";
 
export default {
  presets: [foundationPreset],
};

Step 3: 사용

import { Button } from "@vortex/ui-foundation";
 
export default function App() {
  return <Button variant="primary">Click me</Button>;
}

제품별 가이드

선택한 제품에 맞는 설정 가이드를 확인하세요:

추가 자료

Last updated on
Choose Your Product