dioxus

KO | EN

gitlite — search

#python #java #python3 #arduino #golang #machine-learning #rust #html #flask #javascript #seismology #nodejs

★ 38,739 Open GitHub ↗

웹, 데스크톱, 모바일을 위한 풀스택 앱 프레임워크.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<a href="https://dioxuslabs.com/awesome">
    <img src="https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg" alt="Awesome Page" />
  </a>
  
  <a href="https://discord.gg/XgGxMSkvUM">
    <img src="https://img.shields.io/discord/899851952891002890.svg?logo=discord&style=flat-square" alt="Discord Link" />
  </a>
</div>

<div align="center">
  <h3>
    <a href="https://dioxuslabs.com"> 웹사이트 </a>
    <span> | </span>
    <a href="https://github.com/DioxusLabs/dioxus/tree/main/examples"> 예제 </a>
    <span> | </span>
    <a href="https://dioxuslabs.com/learn/0.7/tutorial"> 튜토리얼 </a>
    <span> | </span>
    <a href="https://github.com/DioxusLabs/dioxus/blob/main/notes/translations/zh-cn/README.md"> 中文 </a>
    <span> | </span>
    <a href="https://github.com/DioxusLabs/dioxus/blob/main/notes/translations/pt-br/README.md"> PT-BR </a>
    <span> | </span>
    <a href="https://github.com/DioxusLabs/dioxus/blob/main/notes/translations/ja-jp/README.md"> 日本語 </a>
    <span> | </span>
    <a href="https://github.com/DioxusLabs/dioxus/blob/main/notes/translations/tr-tr"> Türkçe </a>
    <span> | </span>
    <a href="https://github.com/DioxusLabs/dioxus/blob/main/notes/translations/ko-kr"> 한국어 </a>
  </h3>
</div>
<br>

<br>

단일 코드베이스로 웹, 데스크톱, 모바일 및 그 이상을 위해 빌드하세요. 제로 설정(Zero-config) 설정, 통합 핫 리로딩, 시그널 기반 상태 관리를 제공합니다. Server Functions로 백엔드 기능을 추가하고 CLI로 번들링하세요.

```rust
fn app() -> Element {
    let mut count = use_signal(|| 0);

rsx! {
        h1 { "High-Five counter: {count}" }
        button { onclick: move |_| count += 1, "Up high!" }
        button { onclick: move |_| count -= 1, "Down low!" }
    }
}
```

## ⭐️ 주요 특징:

- 단 세 줄의 코드로 크로스 플랫폼 앱 구현 (웹, 데스크톱, 모바일, 서버 등)
- [인체공학적 상태 관리](https://dioxuslabs.com/blog/release-050)를 통해 React, Solid, Svelte의 장점을 결합
- 기능이 풍부하고 타입 안정성이 보장되는 내장 풀스택 웹 프레임워크
- 웹, macOS, Linux, Windows 배포를 위한 통합 번들러
- 1초 미만의 Rust 핫 패칭 및 에셋 핫 리로딩
- 그 외 더 많은 기능! [Dioxus 투어 시작하기](https://dioxuslabs.com/learn/0.7/).

## 즉각적인 핫 리로딩

명령어 하나, `dx serve`만으로 앱이 실행됩니다. 마크업과 스타일을 수정하고 밀리초 단위로 변경 사항을 확인하세요. 실험적인 `dx serve --hotpatch`를 사용하여 Rust 코드를 실시간으로 업데이트하세요.

## 아름다운 앱 빌드

Dioxus 앱은 HTML과 CSS로 스타일링됩니다. 내장된 TailwindCSS 지원을 사용하거나 선호하는 CSS 라이브러리를 로드하세요. 완벽한 네이티브 느낌을 위해 네이티브 코드(objective-c, JNI, Web-Sys)를 쉽게 호출할 수 있습니다.

## 진정한 풀스택 애플리케이션

Dioxus는 [axum](https://github.com/tokio-rs/axum)과 깊게 통합되어 클라이언트와 서버 모두에 강력한 풀스택 기능을 제공합니다. WebSockets, SSE, Streaming, 파일 업로드/다운로드, Server-Side-Rendering, Forms, Middleware, Hot-Reload와 같은 다양한 내장 기능을 선택하거나, 완전히 커스텀하여 기존 axum 백엔드를 통합하세요.

## 실험적 네이티브 렌더러

web-sys, webview, server-side-rendering, liveview, 또는 실험적인 WGPU 기반 렌더러를 사용하여 렌더링하세요. Dioxus를 Bevy, WGPU에 내장하거나 임베디드 Linux에서 실행할 수도 있습니다!

## 퍼스트 파티 프리미티브 컴포넌트

shadcn/ui 및 Radix-Primitives를 모델로 한 완전한 프리미티브 컴포넌트 세트로 빠르게 시작하세요.

## 최상급 Android 및 iOS 지원

Dioxus는 Rust로 네이티브 모바일 앱을 빌드하는 가장 빠른 방법입니다. `dx serve --platform android`를 실행하기만 하면 몇 초 만에 에뮬레이터나 기기에서 앱이 실행됩니다. JNI 및 Native API를 직접 호출하세요.

## 웹, 데스크톱, 모바일 번들링

단순히 `dx bundle`을 실행하면 앱이 최대 최적화되어 빌드 및 번들링됩니다. 웹에서는 [`.avif` 생성, `.wasm` 압축, 최소화(minification)](https://dioxuslabs.com/learn/0.7/tutorial/assets) 등을 활용하세요. [50kb 미만](https://github.com/ealmloff/tiny-dioxus/)의 WebApp과 5mb 미만의 데스크톱/모바일 앱을 빌드하세요.

## 환상적인 문서화

깨끗하고 읽기 쉬우며 포괄적인 문서를 만드는 데 많은 노력을 기울였습니다. 모든 HTML 요소와 리스너는 MDN 문서와 함께 기록되어 있으며, Docs는 Dioxus 자체와 지속적 통합(CI)을 수행하여 문서가 항상 최신 상태로 유지되도록 합니다. 가이드, 레퍼런스, 레시피 등을 확인하려면 [Dioxus 웹사이트](https://dioxuslabs.com/learn/0.7/)를 방문하세요. 재미있는 사실: 우리는 Dioxus 웹사이트를 새로운 Dioxus 기능의 테스트베드로 사용하고 있습니다 - [확인해 보세요!](https://github.com/dioxusLabs/docsite)

## 커뮤니티

Dioxus는 매우 활발한 [Discord](https://discord.gg/XgGxMSkvUM) 및 [GitHub](https://github.com/DioxusLabs/dioxus/issues) 커뮤니티와 함께하는 커뮤니티 주도 프로젝트입니다. 우리는 항상 도움을 기다리고 있으며, 질문에 답변하고 시작하는 것을 도와드려 기쁩니다. [우리의 SDK](https://github.com/DioxusLabs/dioxus-std)는 커뮤니티에서 운영하며, 무료 업그레이드와 지원을 받는 최고의 Dioxus 크레이트(crates)를 위한 [GitHub 조직](https://github.com/dioxus-community/)도 운영하고 있습니다.

## 전임 코어 팀

Dioxus는 사이드 프로젝트에서 전임 엔지니어들로 구성된 소규모 팀으로 성장했습니다. FutureWei, Satellite.im, GitHub Accelerator 프로그램의 아낌없는 지원 덕분에 전임으로 Dioxus 작업에 매진할 수 있게 되었습니다. 우리의 장기적인 목표는 유료 고품질 엔터프라이즈 도구를 제공하여 Dioxus가 자립하는 것입니다. 귀하의 회사가 Dioxus 도입에 관심이 있고 저희와 협력하고 싶다면 연락 주시기 바랍니다!

## 지원 플랫폼

<div align="center">
  <table style="width:100%">
    <tr>
      <td>
      <b>Web</b>
      </td>
      <td>
        <ul>
          <li>WebAssembly를 사용하여 DOM에 직접 렌더링</li>
          <li>SSR로 프리렌더링하고 클라이언트에서 리하이드레이션(rehydrate)</li>
          <li>React와 유사한 약 50kb의 간단한 "hello world"</li>
          <li>빠른 반복 개발을 위한 내장 개발 서버 및 핫 리로딩</li>
        </ul>
      </td>
    </tr>
    <tr>
      <td>
      <b>Desktop</b>
      </td>
      <td>
        <ul>
          <li>Webview 또는 (실험적으로) WGPU 또는 <a href="https://freyaui.dev">Freya</a> (Skia)를 사용하여 렌더링</li>
          <li>제로 설정 설정. 단순히 `cargo run` 또는 `dx serve`로 앱 빌드</li>
          <li>IPC 없이 네이티브 시스템 액세스 전체 지원</li>
          <li>macOS, Linux, Windows 지원. 3mb 미만의 이식 가능한 바이너리</li>
        </ul>
      </td>
    </tr>
    <tr>
      <td>
      <b>Mobile</b>
      </td>
      <td>
        <ul>
          <li>Webview 또는 (실험적으로) WGPU 또는 Skia를 사용하여 렌더링</li>
          <li>iOS 및 Android를 위한 .ipa 및 .apk 파일 빌드</li>
          <li>최소한의 오버헤드로 Java 및 Objective-C 직접 호출</li>
          <li>"hello world"부터 기기 실행까지 단 몇 초 만에 가능</li>
        </ul>
      </td>
    </tr>
    <tr>
      <td>
      <b>Server-side Rendering</b>
      </td>
      <td>
        <ul>
          <li>Suspense, 하이드레이션 및 서버 사이드 렌더링</li>
          <li>서버 함수를 통해 백엔드 기능을 빠르게 추가</li>
          <li>Extractor, 미들웨어 및 라우팅 통합</li>
          <li>정적 사이트 생성 및 증분 재생성(incremental regeneration)</li>
        </ul>
      </td>
    </tr>
  </table>
</div>

## 예제 실행하기

> 이 저장소의 main 브랜치에 있는 예제는 dioxus의 git 버전과 CLI를 대상으로 합니다. 최신 안정 릴리스의 dioxus와 작동하는 예제를 찾으신다면 [0.6 브랜치](https://github.com/DioxusLabs/dioxus/tree/v0.6/examples)를 확인하세요.

이 저장소의 최상위 레벨에 있는 예제는 다음으로 실행할 수 있습니다:

```sh
cargo run --example <example>
```

하지만 핫 리로딩과 같은 기능을 테스트하려면 dioxus-cli를 다운로드하는 것을 권장합니다. 최신 바이너리 CLI를 설치하려면 cargo binstall을 사용할 수 있습니다.

```sh
curl -fsSL https://dioxuslabs.com/install.sh | bash
```

이 CLI가 오래된 경우, git 또는 cargo-binstall에서 직접 설치할 수 있습니다.

```sh
cargo install --git https://github.com/DioxusLabs/dioxus dioxus-cli --locked
```

CLI를 사용하면 웹 플랫폼으로 예제를 실행할 수도 있습니다. 이 명령어로 기본 데스크톱 기능을 비활성화하고 웹 기능을 활성화해야 합니다:

```sh
dx serve --example <example> --platform web -- --no-default-features
```

## 기여하기

- 웹사이트의 [기여 섹션](https://dioxuslabs.com/learn/0.7/beyond/contributing)을 확인하세요.
- 우리의 [이슈 트래커](https://github.com/dioxuslabs/dioxus/issues)에 이슈를 보고하세요.
- Discord에 [가입](https://discord.gg/XgGxMSkvUM)하고 질문하세요!

## 라이선스

이 프로젝트는 [MIT 라이선스] 또는 [Apache-2 라이선스] 하에 라이선스가 부여됩니다.

[apache-2 license]: https://github.com/DioxusLabs/dioxus/blob/master/LICENSE-APACHE
[mit license]: https://github.com/DioxusLabs/dioxus/blob/master/LICENSE-MIT

귀하가 명시적으로 달리 밝히지 않는 한, 귀하가 Dioxus에 포함시키기 위해 의도적으로 제출한 모든 기여는 추가 조건 없이 MIT 또는 Apache-2 라이선스로 부여됩니다.

dioxus

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README