설치

CoUI 패키지 설치 가이드

설치#

패키지 선택#

패키지	용도	설치
`coui_flutter`	Flutter 앱 (Mobile, Desktop, Web)	`flutter pub add coui_flutter`
`coui_web`	Jaspr Web 앱	`dart pub add coui_web`
`coui_core`	공유 유틸리티 (자동 포함)	별도 설치 불필요

Flutter#

pubspec.yaml#

dependencies:
  coui_flutter: ^0.0.1

최소 요구사항#

Flutter 3.41.0+
Dart 3.11.0+
Material Design (uses-material-design: true)

테마 설정#

CoUI Flutter는 ComponentThemeData를 통해 테마를 관리합니다:

MaterialApp(
  theme: ThemeData(
    extensions: [
      ComponentThemeData(
        // 개별 컴포넌트 테마 커스터마이징
        button: ButtonTheme(
          borderRadius: BorderRadius.circular(12),
        ),
      ),
    ],
  ),
)

Jaspr Web#

pubspec.yaml#

dependencies:
  coui_web: ^0.0.1

최소 요구사항#

Dart 3.11.0+
Jaspr 0.22.3+

Tailwind CSS#

CoUI Web은 Tailwind CSS 유틸리티 클래스를 사용합니다. 프로젝트에 Tailwind 설정이 필요합니다:

npm install -D tailwindcss
npx tailwindcss init

개발 환경#

Git 클론 (로컬 개발)#

# 모노레포 로컬 개발 시
dependencies:
  coui_flutter:
    path: ../coui/packages/coui_flutter
  coui_web:
    path: ../coui/packages/coui_web