이 자습서는 Knockout 구성요소 팩토리를 사용하여 사용자정의된 구성요소를 생성하는 방법의 개요를 제공합니다.
이 자습서의 주 목적은 이 패턴을 사용하여 SampleComponentViewModel 및 sampleComponentTemplate JavaScript 객체의 업데이트만으로 사용자정의 구성요소를 생성하는 것입니다. sampleComponentFactory 및 SampleComponentImpl 객체는 자습서 진행 중에 변경되지 않았습니다. 페이지와의 통신을 다루지 않아도 이 변경사항을 구현할 수 있었고 다음 작업을 수행할 수 있었습니다.
설정 패널의 변경사항을 구성요소로 전달하고 이 변경사항이 지속되도록 합니다.
트리거 및 작업을 실행하고 페이지의 다른 구성요소와 상호작용합니다.
레이아웃을 생성하고 중첩 구성요소를 활용합니다.
구성요소별 스타일을 정의합니다.
이 예제는 사용자정의 구성요소를 여러 파일로 분할했지만 이는 자습서의 명확성을 위한 것입니다. 최적화를 위해 여러 번의 다운로드를 피하려면 적절히 파일을 패키징해야 합니다.
마지막으로, 이 자습서는 Knockout 기반 구성요소에 적합하지만 다른 JavaScript 기술 스택(예: AngularJS)을 사용하여 사용자정의 구성요소를 생성하려면 SampleComponentImpl 객체를 다시 구현하여 실제 구성요소의 기술적 구현과 함께 해당 프레임워크와의 통신을 생성해야 합니다. 이 작업은 이 자습서의 범위를 벗어납니다.