컨트롤 및 콘텐츠 추가(HTML)
[ 이 문서는 Windows 런타임 앱을 작성하는 Windows 8.x 및 Windows Phone 8.x 개발자를 대상으로 합니다. Windows 10용으로 개발하는 경우에는 최신 설명서를 참조하세요.]
모든 앱은 단추, 확인란, 드롭다운 목록 등과 같은 컨트롤이 필요합니다. JavaScript로 작성한 Windows 런타임 앱은 무료 JavaScript용 Windows 라이브러리 도구 키트를 통해 기존 HTML 컨트롤과 추가 컨트롤 및 기능에 대한 향상된 지원을 제공합니다.
이 섹션의 항목에서는 컨트롤을 사용하고 스타일 지정하는 방법에 대해 설명합니다.
이 조항의 내용
| 항목 | 설명 |
|---|---|
JavaScript용 Windows 라이브러리 컨트롤의 작성 및 사용에 대한 기본적인 사항을 설명합니다. |
|
컨트롤의 스타일을 지정하는 방법과 JavaScript용 Windows 라이브러리에서 제공하는 스타일 지정 기능을 이용하는 방법에 대해 알아 봅니다. |
|
JavaScript로 작성한 Windows 스토어 앱에 ItemContainer 개체를 추가하는 방법을 알아봅니다. |
|
HTML 컨트롤을 추가하고 이벤트를 처리하는 방법에 대해 설명합니다. |
|
HTML 태그에서 HTML 및 JavaScript용 Windows 라이브러리 컨트롤에 대해 선언적으로 이벤트 처리기를 설정하는 방법을 알아봅니다. |
|
JavaScript 컨트롤을 사용한 일반적인 Windows 스토어 앱의 알파벳 순 목록을 제공합니다. |
|
기능별 컨트롤을 나열합니다. |
|
대부분의 응용 프로그램은 이미지 갤러리, 메일 메시지 집합 등과 같은 데이터 집합을 조작하고 표시합니다. JavaScript용 Windows 라이브러리는 데이터를 쉽게 표시, 제공 및 조작할 수 있도록 하는 몇 가지 컨트롤을 제공합니다. 이 섹션의 항목에서는 데이터 및 프레젠테이션 컨트롤(FlipView, ListView 및 SemanticZoom)에 대해 설명합니다. |
|
텍스트를 표시 및 편집하는 방법을 설명합니다. |
|
이미지 및 미리 보기 표시 작업을 시작하는 데 도움이 되는 항목이 포함되어 있습니다. |
|
플라이아웃, 메뉴 및 메시지 대화 상자가 표시되면서 함께 시작되는 항목을 포함합니다. |
|
button 컨트롤을 사용하면 양식 전송 또는 다시 설정과 같은 명령을 커밋할 수 있습니다. 단추를 사용하면 명령을 쉽게 트리거할 수 있습니다. |
|
대부분의 앱은 사용자가 호출할 수 있는 명령을 제공합니다. 이 섹션의 항목에서는 사용자에게 명령을 제공하기 위해 사용할 수 있는 app bars, tool bars 및 context menus에 대해 설명합니다. |
|
선택 컨트롤을 사용하여 여러 옵션 중에서 선택할 수 있습니다. |
|
JavaScript용 Windows 라이브러리 Rating 컨트롤을 사용하여 사용자가 등급 정보를 제공할 수 있도록 하는 방법을 설명하는 항목을 포함합니다. |
|
PageControl은 사용자 지정 JavaScript용 Windows 라이브러리 컨트롤로 사용하거나 탐색할 수 있는 HTML, CSS 및 JavaScript의 모듈식 단위입니다. |
|
진행 중인 활동이나 작업 진행률을 그래픽 방식으로 보여주는 컨트롤인 progress 컨트롤을 만들고 사용하는 방법에 대해 설명합니다. |
|
도구 설명은 다른 컨트롤 또는 개체에 연결된 간단한 설명입니다. 도구 설명은 UI에 직접적으로 서명되지 않은 잘 알려지지 않았거나 친숙하지 않은 개체를 이해하는 데 도움이 됩니다. 컨트롤을 누른 채 있거나 마우스 포인터를 컨트롤 위로 이동하면 도구 설명이 자동으로 표시됩니다. 사용자가 손가락이나 마우스 포인터를 이동하면 도구 설명은 사라집니다. 도구 설명 내용은 텍스트 또는 이미지일 수 있지만 대화식은 아닙니다. |
|
Windows 8에서는 선택할 수 있는 다양한 컨트롤이 제공되지만 사용자가 직접 만들어야 할 수도 있습니다. 사용자 지정 컨트롤을 만드는 한 가지 방법은 PageControl을 만드는 것입니다. 자세한 내용과 예제는 빠른 시작: 페이지 컨트롤 추가를 참조하세요. |
|
이 섹션에는 JavaScript를 사용하는 Windows 스토어 앱에서의 그래픽 사용에 대한 정보를 제공합니다. |