녹아웃(웹 프레임워크)

이 글은 일반적인 참고문헌 목록을 포함하고 있지만, 그에 상응하는 인라인 인용구가 충분하지 않다. 좀 더 정밀한 인용구를 도입하여 이 기사를 개선할 수 있도록 도와주십시오.(2021년 6월) (이 템플릿 메시지를 제거하는 방법과 시기 알아보기)

Kockout은 템플릿으로 Model-View-ViewModel 패턴을 독립 실행형 JavaScript 구현이다.따라서 기본 원칙은 다음과 같다.

• 도메인 데이터, 뷰 구성요소 및 표시할 데이터 간의 명확한 구분
• 뷰 구성요소 간의 관계를 관리하기 위한 전문 코드의 명확히 정의된 계층의 존재

후자는 자바스크립트 언어의 기본 이벤트 관리 기능을 활용한다.

이러한 특징들은 뷰 컴포넌트들 간의 복잡한 관계의 사양을 능률화하고 단순화하며, 이는 결국 디스플레이의 반응성을 높이고 사용자 경험을 풍부하게 한다.

녹아웃은 스티브 샌더슨에 의해 오픈소스 프로젝트로 개발되어 유지되고 있다.

특징들

녹아웃은 다음과 같은 특징을 포함한다.

• 선언적 바인딩
• 자동 UI 새로 고침(데이터 모델의 상태가 변경되면 UI가 자동으로 업데이트됨)
• 종속성 추적템플릿 엔진(전용 템플릿 엔진 포함, 다른 템플리트 엔진 사용 가능)

예

이 예제에서 두 개의 텍스트 상자는 데이터 모델에서 관측 가능한 변수에 구속된다."전체 이름" 표시장치는 관측 가능한 종속적 표시장치에 바인딩되며, 그 값은 관측 가능성의 관점에서 계산된다.텍스트 상자 중 하나를 편집하면 명시적 이벤트 처리 없이 "전체 이름" 디스플레이가 자동으로 업데이트된다.

모델 보기(JavaScript)

기능을 하다 뷰모델() {     이.이름 = ko.관측할 수 있는("");     이.성 = ko.관측할 수 있는("");      이.전체 이름 = ko.계산된(         기능을 하다() { 돌아오다 이.이름() + " " + 이.성(); },          이); }  ko.응용 바인딩스(새로운 뷰모델()); 

참조

• Papa, John (February 2012). "Getting Started with Knockout". MSDN Magazine. Retrieved March 9, 2012.
• Papa, John (March 2012). "Knockout's Built-in Bindings for HTML and JavaScript". MSDN Magazine. Retrieved March 9, 2012.

외부 링크

• 공식 웹사이트
• Kockout MVC: Kockout을 통합한 프레임워크ASP에 JS.네트
• Kockout JS: MVVM 및 ASP를 사용하여 동적 JavaScript UI 구축 지원네트