https://github.com/jamesnetgroup/riotslider-opensilver
https://github.com/jamesnetgroup/riotslider-opensilver
Last synced: 9 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/jamesnetgroup/riotslider-opensilver
- Owner: JamesnetGroup
- License: mit
- Created: 2023-12-15T00:21:36.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-08T10:53:27.000Z (almost 2 years ago)
- Last Synced: 2025-03-09T20:34:05.544Z (over 1 year ago)
- Language: JavaScript
- Size: 288 KB
- Stars: 6
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.ko.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# OpenSilver RiotSlider [](README.md) [](README.zh-CN.md) [](README.ko.md)
리그 오브 레전드에서 영감을 받은 슬라이더의 OpenSilver를 이용한 크로스 플랫폼 구현
[](https://opensource.org/licenses/MIT)
[](https://dotnet.microsoft.com/download)
[](https://opensilver.net/)
[](https://github.com/jamesnet214/riotslider-opensilver/stargazers)
[](https://github.com/jamesnet214/riotslider-opensilver/issues)
## 프로젝트 개요
OpenSilver RiotSlider는 리그 오브 레전드에서 영감을 받은 커스텀 슬라이더 컨트롤을 OpenSilver를 사용하여 크로스 플랫폼으로 구현한 프로젝트입니다. 이 프로젝트는 WPF 개발자들이 기존의 XAML과 C# 기술을 활용하여 WebAssembly 기술을 사용한 웹 애플리케이션을 만들 수 있음을 보여줍니다.
## 주요 기능 및 구현 사항
#### 1. 크로스 플랫폼 개발
- [x] WebAssembly 기반 웹 애플리케이션을 위한 OpenSilver 활용
- [x] WPF 개발자의 웹 개발로의 원활한 전환
- [x] XAML 기반의 일관된 개발 경험
#### 2. 커스텀 컨트롤 개발
- [x] CustomControl로 RiotSlider 구현
- [x] 유연하고 사용자 정의 가능한 디자인을 위한 ControlTemplate 사용
- [x] 웹 컨텍스트에서의 고급 XAML 기술 시연
#### 3. WPF 영감 아키텍처
- [x] 웹 개발에서 WPF 디자인 패턴 활용
- [x] OpenSilver에서 MVVM의 강력함 showcase
- [x] 강력한 속성 시스템을 위한 DependencyProperties 활용
#### 4. 웹 최적화 성능
- [x] 웹 환경에 맞춘 효율적인 렌더링
- [x] WebAssembly 실행을 위한 최적화
#### 5. 개발 워크플로우
- [x] 쉬운 디버깅과 테스트를 위한 OpenSilver Simulator 사용
- [x] 기존 .NET 개발 도구와의 원활한 통합
## 기술 스택
- OpenSilver 2.0+
- .NET 7.0+
- C# 10.0
- XAML
## 시작하기
### 필요 조건
- Visual Studio 2022 이상
- .NET 7.0 SDK 이상
- Visual Studio용 OpenSilver 확장
### 설치 및 실행
#### 1. 리포지토리 클론:
```
git clone https://github.com/jamesnet214/riotslider-opensilver.git
```
#### 2. 솔루션 열기
- [x] Visual Studio
#### 3. 설정 및 실행
- [x] OpenSilverRiotSlider.Browser를 시작 프로젝트로 설정
- [x] 프로젝트 빌드 및 실행
- [x] 디버깅을 위해 OpenSilverRiotSlider.Simulator 사용
## 학습 기회
이 프로젝트는 WPF 개발자가 웹 개발로 전환할 때 귀중한 통찰력을 제공합니다:
1. **웹 개발에서의 XAML**: 친숙한 XAML을 웹 컨텍스트에서 사용하는 방법 학습
2. **OpenSilver에서의 CustomControl**: 웹용 커스텀 컨트롤 생성의 뉘앙스 이해
3. **WebAssembly 통합**: WebAssembly를 통해 브라우저에서 .NET 애플리케이션을 실행하는 방법 탐구
4. **크로스 플랫폼 UI 디자인**: 플랫폼 간 일관된 UI를 만드는 기술 습득
5. **성능 최적화**: 웹 환경을 위한 XAML 기반 컨트롤 최적화 학습
## 기여하기
OpenSilver RiotSlider에 대한 기여를 환영합니다! 이슈 제출, 풀 리퀘스트 생성 또는 개선 제안 등 자유롭게 참여해 주세요.
## 라이선스
이 프로젝트는 MIT 라이선스 하에 배포됩니다. 자세한 내용은 [LICENSE](LICENSE) 파일을 참조하세요.
## 연락처
- 웹사이트: https://jamesnet.dev
- 이메일: james@jamesnet.dev, vickyqu115@hotmail.com
OpenSilver RiotSlider와 함께 크로스 플랫폼 개발의 가능성을 탐험해보세요!