Knockout 이외의 라이브러리를 알고 있으신가요?
SPA(단일 페이지 애플리케이션) 템플릿은 단일 페이지 애플리케이션 작성을 시작하는 좋은 방법입니다. 템플릿은 KnockoutJS 를 사용하여 애플리케이션 데이터를 DOM 요소에 바인딩합니다.
그러나 녹아웃은 풍부한 클라이언트 애플리케이션을 만들기 위한 유일한 JavaScript 라이브러리가 아닙니다. 다른 라이브러리는 다양한 방법으로 유사한 문제를 해결합니다. 하나의 라이브러리를 다른 라이브러리보다 선호할 수 있으므로 여러 커뮤니티에서 만든 템플릿을 다운로드할 수 있도록 했습니다. 이러한 각 템플릿은 서로 다른 클라이언트 JavaScript 라이브러리 혼합을 사용합니다.
커뮤니티에서 만든 템플릿을 설치하려면 아래에 나열된 템플릿 페이지 중 하나를 방문하여 다운로드 단추를 클릭합니다. 템플릿은 VSIX 파일로 제공됩니다.
BackboneJS
spa 템플릿을Backbone.js. 이 템플릿은 ASP.NET MVC에서 Backbone.js 애플리케이션을 개발하기 위한 초기 기본 구조를 제공합니다. 기본적으로 기본 전자 메일 템플릿을 사용하여 사용자 등록, 로그인, 암호 재설정 및 사용자 확인을 비롯한 기본 사용자 로그인 기능을 제공합니다.
BreezeJS
BreezeJS는 JavaScript 클라이언트에서 풍부한 데이터를 관리하기 위한 오픈 소스 라이브러리입니다. Breeze는 쿼리, 캐싱, 변경 내용 추적, 유효성 검사 등을 처리합니다. 두 가지 템플릿에는 Breeze가 있습니다.
- Breeze/Knockout 템플릿은 데이터 관리를 위한 Breeze 및 데이터 바인딩을 위한 KnockoutJS를 사용하여 단일 페이지 애플리케이션을 얼마나 쉽게 빌드할 수 있는지를 보여 주는 Knockout SPA 템플릿을 확장합니다.
- Breeze/Angular 템플릿은 Breeze를 사용하여 녹아웃 SPA 템플릿을 확장하지만 데이터 바인딩, 종속성 주입 및 화면 관리에 AngularJS 라이브러리를 사용합니다.
또한 Hot Towel SPA 템플릿 은 BreezeJS를 사용합니다.
EmberJS
EmberJS SPA 템플릿. 이 템플릿은 풍부한 클라이언트 애플리케이션을 빌드하기 위한 다양한 과제를 해결하는 강력한 MVC JavaScript 라이브러리인 Ember를 사용합니다.
Ember SPA 템플릿은 EmberJS 및 핸들바 템플릿을 사용하여 녹아웃 SPA 템플릿의 다시 구현입니다.
뜨거운 수건
뜨거운 수건 SPA 템플릿. 이 템플릿은 Breeze, Knockout, RequireJS 및 Twitter 부트스트랩을 비롯한 여러 JavaScript 라이브러리를 제공합니다.
여기에 나열된 다른 템플릿과 비교하여 Hot Towel 템플릿은 직접 빌드할 수 있는 보다 완벽한 애플리케이션을 제공합니다. 알아야 할 개념이 더 많지만 이해하면 이 템플릿이 원하는 것일 수 있습니다. SPA를 빌드하고 싶지만 시작할 위치를 결정할 수 없는 경우 핫 타월을 사용하고 몇 초 안에 SPA와 이를 기반으로 빌드해야 하는 모든 도구를 사용할 수 있습니다.
기능 테이블
각 SPA 템플릿에서 제공하는 기능은 다음과 같습니다.
| 기능 | ASP.NET SPA | 백본 | 브리즈/Angular | 브리즈/KO | Ember | 뜨거운 수건 |
|---|---|---|---|---|---|---|
| ToDo 샘플 | ✓ | ✓ | ✓ | ✓ | ||
| 베어 템플릿 | ✓ | ✓ | ||||
| 탐색 및 기록 | ✓ | ✓ | ✓ | ✓ | ||
| 라이브러리 | ||||||
| Angular | ✓ | |||||
| 백본 | ✓ | |||||
| 바람 | ✓ | ✓ | ✓ | |||
| Durandal | ✓ | |||||
| Ember | ✓ | |||||
| 녹아웃 | ✓ | ✓ | ✓ |