JavaScript로 작성한 Windows 런타임 앱용 로드맵

여기서는 JavaScript를 사용한 Windows 런타임 앱의 개발을 시작하는 데 도움이 될 주요 리소스를 안내합니다. 모든 기능 또는 사용 가능한 리소스 목록을 포괄적으로 제공하는 것은 아닙니다. 이 항목은 시작하기 섹션에서 시작하도록 설계되어 있지만, 일부 내용을 건너뛰고 원하는 앱 기능에 대해서만 알아볼 수도 있습니다. 이 페이지를 책갈피 지정하였다가 나중에 돌아와서 앱에 새 기능을 추가하는 방법을 배울 수 있습니다.

다른 프로그래밍 언어를 사용하려면 다음 항목을 참조하세요.

시작하기

다음 항목은 JavaScript를 사용하는 Windows 런타임 앱 만들기에 대한 유용한 소개 문서입니다.

HTML, CSS 및 JavaScript를 사용하여 Windows 스토어 앱 프로그래밍

17장으로 구성된 이 무료 전자책에서는 JavaScript를 사용한 Windows 스토어 앱 개발에 대한 포괄적인 지침을 제공합니다. 이 전자책에는 도구, API 및 몇 가지 플랫폼 기능을 즉시 경험해 볼 수 있는 빠른 시작 섹션이 포함되어 있으며, 플랫폼의 나머지 사항이 상세하게 설명되어 있습니다.

기본 사용자 인터페이스 만들기

다음 항목에서는 Windows 런타임 앱을 위한 특수 사용자 인터페이스에 대해 설명합니다.

올바른 UI 화면 선택 먼저 앱에서 올바른 시간에 올바른 화면을 사용하는지 확인합니다.
사용자 조작 지침 사용하는 장치나 입력 방법에 관계없이 사용자가 몰입하여 쉽게 조작할 수 있는 앱을 만드는 방법에 대해 알아보세요.
접근성 장애가 있는 사용자를 비롯하여 최대한 많은 사용자층이 사용할 수 있도록 접근성 있는 앱으로 만드는 방법에 대해 알아봅니다.
앱 바 앱 바는 사용자에게 탐색, 명령 및 도구를 제공합니다.
상황에 맞는 메뉴 상황에 맞는 메뉴는 수행하는 작업과 관련된 동작을 즉시 수행할 수 있는 최대 5개의 명령을 표시합니다.
컨트롤 - HTML 컨트롤을 만들어 코드에 연결합니다.
컨트롤 및 스타일 - WinJS JavaScript용 Windows 라이브러리 컨트롤 및 스타일을 사용합니다.
레이아웃 및 뷰 서로 다른 창 크기를 계획할 때 화면의 크기, 방향 또는 사용자 조작 보기에 상관없이 UI를 멋지게 다시 배치할 수 있습니다.
탐색 페이지를 탐색하거나 다른 페이지에 있는 콘텐츠를 표시합니다.
펜 및 스타일러스 입력 펜 또는 스타일러스와 같은 포인터 장치를 통해 디지털 잉크 기능을 사용합니다.
리소스 앱 UI 리소스(예: 이미지, 문자열)를 만들고 관리합니다.
타일 타일을 만들고 업데이트합니다.
Toast 알림 Toast 알림을 만들고 보냅니다.
터치식 입력 터치 기반 환경을 구축합니다.

 

시작, 일시 중단 및 다시 시작 관리

앱에 대한 사용자의 경험을 개선하려면 앱이 시작, 일시 중단 또는 다시 시작될 때의 상황을 고려해야 합니다.

자동 실행 사용자가 장치를 컴퓨터에 연결할 때 선택할 수 있는 옵션으로 앱을 제공합니다. 이러한 장치로는 카메라, 미디어 플레이어, USB 썸 드라이브(thumb drive), DVD, 등이 있습니다.
파일 활성화 파일 형식 처리를 위한 옵션으로 앱을 제공합니다.
프로토콜 활성화 프로토콜 처리를 위한 옵션으로 앱을 제공합니다.
시작 화면 기본 시작 화면은 사용자가 앱을 시작할 때 표시되며, 앱에서 리소스를 초기화하는 동안 사용자에게 피드백을 즉시 제공합니다.
일시 중단/다시 시작 앱 일시 중단 및 다시 시작을 처리하면 사용자의 앱 환경이 개선됩니다. 즉, 앱을 종료했다가 다시 연결하면 앱이 백그라운드에서 실행되고 있었던 것처럼 종료 위치에서 다시 시작됩니다.

 

계약 구현

계약은 운영 체제와 하나 이상의 Windows 런타임 앱 사이의 조작 방식을 지원합니다.

파일 선택기 사용자가 다른 앱을 사용하는 동안 앱에 있는 파일을 선택하도록 지원할 수 있습니다. 사용자의 자유와 유연성이 보장됩니다. 파일 선택기 계약에 참여하면 앱의 인기가 높아집니다.
재생 재생 계약을 사용하면 컴퓨터에서 홈 네트워크 상의 장치로 오디오, 비디오 또는 이미지를 쉽게 스트리밍할 수 있습니다.
검색 앱의 콘텐츠와 다른 앱의 콘텐츠를 모두 검색할 수 있도록 앱에 검색 창을 추가할 수 있습니다. 검색 계약에 참여하는 앱에는 트래픽과 사용량이 따릅니다.
설정 설정 참에서 앱 설정에 액세스할 수 있도록 설정 계약을 구현할 수 있습니다.
공유 멋진 앱에서는 사용자가 자신의 작업을 친구 및 가족과 손쉽게 공유할 수 있습니다. 공유 계약을 지원하는 앱은 역시 공유 계약을 지원하는 다른 앱과 콘텐츠를 자동으로 공유할 수 있습니다.

 

데이터 및 콘텐츠 액세스

RSS 피드를 검색하고 파일을 다운로드 및 업로드할 수 있습니다.

신디케이티드 콘텐츠 액세스 및 게시 신디케이티드 피드 또는 피드 항목을 게시, 업데이트, 제거합니다.
데이터 바인딩 데이터 바인딩을 사용하면 앱의 요소를 데이터베이스, 파일, 내부 개체 등 서로 다른 데이터 원본과 동기화할 수 있습니다.
백그라운드에서 데이터 전송 파일 다운로드 작업을 시작, 일시 중지, 다시 시작 또는 취소하고 진행률을 보고합니다.

 

파일 및 폴더 액세스

이 항목에서는 파일 시스템에서 데이터를 프로그래밍 방식으로 액세스하는 방법에 대해 설명합니다.

파일 선택기를 사용하여 파일 액세스 사용자가 열 파일을 선택해야 할 때 파일 선택기를 표시합니다.
프로그래밍 방식으로 파일 액세스 검색 쿼리를 사용하면 폴더, 라이브러리, 장치 또는 네트워크 위치에 있는 파일을 열거하고 액세스할 수 있습니다.
파일에 대한 기본 앱 시작 파일 형식에 대한 기본 앱을 시작합니다.
파일 읽기 및 쓰기 파일 시스템에서 파일을 만들고, 쓰고, 읽습니다.

 

앱 및 사용자 연결

우수한 사용자 환경을 구축하는 연결된 앱을 만들 수 있습니다.

근접 연결 및 탭 간단한 탭 동작으로 인접한 컴퓨터를 연결합니다.
사용자 대화 상대 대화 상자에 액세스하여 콘텐츠, 메일, 메시지 등을 서로 공유하고 새로운 방식으로 조작할 수 있습니다.

 

애니메이션 및 그래픽 추가

애니메이션, 전환 및 그래픽을 사용하여 앱을 보기 좋게 꾸밀 수 있습니다.

UI 애니메이션 애니메이션 라이브러리를 사용하여 목록, 전환, 포인터, UI 요소 및 화면에 애니메이션 효과를 줄 수 있습니다.
캔버스에 그리기 SVG 및 캔버스를 사용하여 앱에 빠르고 간단한 벡터 그래픽을 추가할 수 있습니다.

 

멀티미디어 사용

이 섹션에서는 앱에 멀티미디어를 추가하는 방법에 대해 설명합니다.

사진 및 비디오 캡처 앱에서 사진 및 비디오를 캡처합니다.
오디오 및 비디오 재생 앱에서 오디오 및 동영상을 재생합니다.

 

장치 지원

앱에서 많은 장치를 지원할 수 있습니다. 동작 및 방향 센서를 사용하여 앱이 움직임에 반응할 수 있습니다. 광원 센서를 사용하여 앱이 주변 광원의 변화에 반응할 수 있습니다. 지리적 위치를 사용하여 앱이 사용자 위치에 반응할 수 있습니다.

장치 열거 제공되는 기능별로 장치를 열거합니다.
가속도계 가속도계를 사용하여 하나 또는 두 축에서 움직임의 변화를 감지할 수 있습니다.
회전계 회전계를 사용하여 방향 및 회전 속도의 변화를 감지할 수 있습니다. 회전계와 가속도계가 게임 컨트롤러로 함께 작동합니다.
경사계 경사계를 사용하여 X, Y 및 Z 축에서 움직임의 변화를 감지할 수 있습니다.
광원 센서 광원 센서를 사용하여 주변 광원의 변화를 감지하여 반응할 수 있습니다.
지리적 위치 사용자의 지리적 위치를 감지합니다.
프린터 인쇄 기능을 사용하여 사용자의 인쇄 환경을 개선합니다.
이동식 저장소 미디어 및 저장소 장치(예: WPD(Windows Portable Devices), MTP(Media Transport Protocol) 장치, MSC(Mass Storage Class) 장치, 등)에 있는 콘텐츠에 액세스합니다.

 

앱 디버그 및 테스트

Visual Studio에서 앱 실행 로컬 컴퓨터, 시뮬레이터 또는 원격 장치에서 앱을 실행합니다.
디버깅 세션 시작 디버깅 세션을 구성하고 시작합니다.
디버거 탐색 Visual Studio 디버거를 사용하여 앱을 디버그합니다.
JavaScript 앱 디버그 VS 도구를 사용하여 HTML, CSS 및 JavaScript 코드를 디버그합니다.
앱 성능 분석 JavaScript용 Visual Studio 프로파일링 도구를 사용합니다.
메모리 사용 분석 메모리 누수를 찾기 쉽도록 JavaScript 메모리 분석기를 사용합니다.

 

지침 및 모범 사례

디자인 영감 다양한 앱 범주(예: 게임, 생산성 앱, 뉴스 앱 등)에서 우수 디자인의 예를 보여주는 몇 개의 문서가 있습니다.
Windows 런타임 앱용 UX 지침 색인 이 리소스를 사용하여 다양한 디자인 구현 및 기능(예: 파일 선택기, SemanticZoom 등)에 대한 모범 사례를 찾아보세요.
JavaScript를 사용하는 Windows 스토어 앱의 성능 모범 사례 사용자의 컴퓨터에서 우수한 성능을 제공하는 앱을 만들기 위해 고려할 개념과 지침을 소개합니다.
접근성에 대한 지침 및 검사 목록 Windows 스토어 제출 프로세스의 일부로서 앱의 접근성을 선언하고자 하는 경우 따라야 할 지침에 대해 설명합니다.

 

관련 항목

Windows 스토어 앱용 HTML/CSS
Windows 스토어 앱용 Windows API
앱 패키징

 

 

표시:
© 2015 Microsoft