react-spectrum

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

(★ 15,798)

적응성이 높고, 접근하기 쉬우며, 견고한 사용자 경험을 구축할 수 있도록 도와주는 라이브러리 및 도구 모음입니다.

react-spectrum 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

#  [React Spectrum Libraries](https://react-spectrum.adobe.com/)

적응성 높고, 접근성이 뛰어나며, 견고한 사용자 경험을 구축할 수 있도록 돕는 라이브러리 및 도구 모음입니다.

### React Spectrum

Adobe의 디자인 시스템인 Spectrum의 React 구현체입니다. Spectrum은 모든 Adobe 애플리케이션을 위해 적응성 있고 접근성이 높으며 통일된 경험을 제공합니다.

[React Spectrum 살펴보기](https://react-spectrum.adobe.com/react-spectrum/index.html)

### React Aria

애플리케이션이나 디자인 시스템을 위한 접근성 높고 고품질의 UI 컴포넌트를 구축할 수 있도록 돕는, 스타일이 지정되지 않은 React 컴포넌트 및 훅 라이브러리입니다.

[React Aria에 대해 더 알아보기](https://react-spectrum.adobe.com/react-aria/index.html)

### React Stately

디자인 시스템을 위한 크로스 플랫폼 상태 관리를 제공하는 React 훅 라이브러리입니다.

[React Stately에 대한 추가 정보](https://react-spectrum.adobe.com/react-stately/index.html)

### Internationalized

웹을 위한 프레임워크 독립적인 국제화 라이브러리 모음입니다.

[Internationalized 패키지](https://react-spectrum.adobe.com/internationalized/index.html)

## 주요 기능

* ♿️ **[접근성](https://react-spectrum.adobe.com/react-aria/accessibility.html)** – 접근성과 동작은 완전한 스크린 리더 및 키보드 내비게이션 지원을 포함하여 [WAI-ARIA Authoring Practices](https://www.w3.org/TR/wai-aria-practices-1.2/)에 따라 구현되어 있습니다. 모든 사용자가 가능한 최고의 경험을 누릴 수 있도록 다양한 스크린 리더와 기기에서 테스트를 거쳤습니다.
* 📱 **[적응성](https://react-spectrum.adobe.com/react-aria/interactions.html)** – 모든 컴포넌트는 마우스, 터치, 키보드 상호작용에서 작동하도록 설계되었습니다. 기기에 상관없이 훌륭한 경험을 제공하기 위해 반응형 디자인 원칙으로 구축되었습니다.
* 🌍 **[국제화](https://react-spectrum.adobe.com/react-aria/internationalization.html)** – 오른쪽에서 왼쪽으로 쓰는 언어(RTL) 지원, 날짜 및 숫자 서식 지정 등을 포함하여 30개 이상의 언어가 기본적으로 지원됩니다.
* 🎨 **[커스텀 가능](https://react-spectrum.adobe.com/react-spectrum/theming.html)** – React Spectrum 컴포넌트는 커스텀 테마를 지원하며 다크 모드에 자동으로 적응합니다. 더욱 다양한 커스텀이 필요한 경우, [React Aria](https://react-spectrum.adobe.com/react-aria/index.html) 및 [React Stately](https://react-spectrum.adobe.com/react-stately/index.html) 훅을 사용하여 동작, 접근성, 상호작용을 제공하면서 자신만의 DOM 구조와 스타일로 컴포넌트를 직접 구축할 수 있습니다.

## 시작하기

React Spectrum에는 여러 라이브러리가 포함되어 있으며, 사용 사례에 따라 선택하여 사용할 수 있습니다.

* [React Spectrum](https://react-spectrum.adobe.com/react-spectrum/getting-started.html)은 Adobe 디자인 시스템의 구현체입니다. Adobe 소프트웨어와 연동하거나 프로젝트에서 사용할 완전한 컴포넌트 라이브러리가 필요한 경우에 제격입니다!
* [React Aria](https://react-spectrum.adobe.com/react-aria/getting-started.html)는 자신만의 애플리케이션이나 디자인 시스템을 위한 접근성 높고 고품질의 UI 컴포넌트를 구축할 수 있도록 돕는 스타일이 지정되지 않은 React 컴포넌트 및 훅 모음입니다. 자신만의 스타일을 적용하여 웹용 컴포넌트 라이브러리를 처음부터 구축하는 경우 여기서 시작하세요.
* [React Stately](https://react-spectrum.adobe.com/react-stately/getting-started.html)는 컴포넌트 라이브러리에서 사용할 수 있는 상태 관리 훅 라이브러리입니다. React Aria를 사용하는 경우 보통 React Stately도 함께 사용하게 되지만, (React Native와 같은 다른 플랫폼에서) 독립적으로 사용할 수도 있습니다.

[아키텍처에 대해 자세히 알아보기](https://github.com/adobe/react-spectrum/blob/main/rfcs/2019-v3-architecture.md).

## 기여하기

React Spectrum 프로젝트의 목표 중 하나는 고품질의 인터랙션과 접근성 지원을 유지하면서 디자인 시스템과 컴포넌트 라이브러리 구축을 최대한 쉽게 만드는 것입니다. 우리는 웹 애플리케이션의 수준을 높이는 것을 목표로 합니다. 그 목표를 달성하는 가장 좋은 방법은 **함께** 하는 것입니다. 크고 작음에 상관없이 커뮤니티의 기여를 환영합니다. 😍

버그 수정 및 개선 사항을 제안하는 방법과 개발 프로세스가 작동하는 방식을 알아보려면 [contributing guide](https://github.com/adobe/react-spectrum/blob/main/CONTRIBUTING.md)를 읽어보세요. 아키텍처에 대한 자세한 정보와 모든 구성 요소가 어떻게 조화를 이루는지 알아보려면 [architecture rfc](https://github.com/adobe/react-spectrum/blob/main/rfcs/2019-v3-architecture.md)를 읽어보세요.

react-spectrum

react-spectrum 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

react-spectrum

react-spectrum 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README