콘텐츠를 참조하는 방법

콘텐츠를 참조하는 방법(HTML)

[ 이 문서는 Windows 런타임 앱을 작성하는 Windows에서 8.x 및 Windows Phone 8.x 개발자를 대상으로 합니다. Windows 10용으로 개발하는 경우에는 최신 설명서를 참조하세요.]

JavaScript로 작성한 Windows 런타임 앱에서 사용하는 다양한 URL 구성표 및 URL 구성표를 사용하여 콘텐츠를 참조하는 방법을 알아봅니다.

사전 요구 사항

지침

URL 및 스키마

모든 HTML 페이지는 일반 양식 <scheme>://<domain name>/<path>의 특정 URL에서 로드됩니다. 스키마와 도메인 이름이 페이지 태그의 리소스에 대한 참조에서 생략된 경우 페이지를 로드하면, 현재 페이지의 URL과 일치하는 것으로 간주됩니다.

JavaScript를 사용하는 Windows 런타임 앱에서는 파일이 앱의 패키지에서 로드됩니다. 로컬에서 패키지된 앱의 파일을 참조하는 데 사용되는 스키마는 "ms-appx:"입니다. 도메인 이름은 패키지 이름(패키지 전체 이름의 첫 부분, 게시 해시는 생략)이거나 대개는 생략됩니다. 생략되는 경우에는 도메인 이름이 앱의 패키지 전체 이름임을 의미하는 것입니다. "ms-appx:///default.html"(도메인 이름이 생략되었으므로 슬래시가 세 개임)에 대한 참조는 로컬 앱 패키지의 루트에 있는 default.html 파일로 해석됩니다.

"/"를 사용하여 패키지 루트를 참조할 수도 있습니다. 예를 들어 "/default.html"은 로컬 앱 패키지의 루트에 있는 default.html 파일로 해석됩니다.

자세한 내용 및 추가 예제는 파일 리소스를 로드하는 방법을 참조하세요.

file:// schema

file:// 스키마는 보안상의 이유로 차단되므로 참조에 사용할 수 없습니다. "ms-appdata:" 스키마를 사용하여 앱 데이터를 참조하거나 이전 섹션에 설명된 다른 스키마를 사용하여 패키지된 리소스를 참조합니다. IStorageItem을 가져온 다음 URL.createObjectURL을 사용하여 URL을 가져오는 경우 외에는 앱 데이터나 패키지된 리소스가 아닌 리소스를 참조할 수 없습니다.

종속 패키지의 파일에 대한 참조

그러나 종속 패키지의 파일을 참조하려는 경우 해당 패키지의 이름을 도메인 이름으로 지정할 수 있습니다.

상대 경로

물론 패키지의 루트에 대해 또는 현재 문서에 대해 상대적으로 경로에 의해서만 파일을 참조할 수도 있습니다. 예를 들어 상위 수준 문서가 "ms-appx:///html/info.html"에서 로드되면, "/images/picture.jpg"의 이미지 소스 URL에 대한 참조는 패키지의 루트에 대해 상대적일 수 있습니다. 반면 "../picture.jpg"의 URL은 "images" 폴더와 동일한 폴더에 있을 수 있습니다.

스키마 및 컨텍스트

앱의 상위 수준 문서는 "ms-appx:" 스키마를 통해 로드되고 로컬 컨텍스트에서 실행됩니다. 마찬가지로 소스가 "ms-appx:" 스키마를 통해 로드되는 iframe도 로컬 컨텍스트에서 실행됩니다. 소스가 "http:" 또는 "https:" 스키마에서 로드되는 iframe은 웹 컨텍스트에서 실행됩니다. 로컬 컨텍스트에서 실행되는 앱과 iframe 요소에는 웹 컨텍스트에서 실행되는 것에 없는 기능과 제한이 있으며, 반대의 경우도 마찬가지입니다. 로컬 컨텍스트는 Windows 런타임에 액세스할 수 있으며 웹 컨텍스트는 손쉽게 원격 콘텐츠를 참조할 수 있습니다. 일반적으로 로컬 컨텍스트는 Windows 런타임 API에 액세스해야 하는 패키지된 코드에 사용되고, 웹 컨텍스트는 iframe 내 외부 웹 콘텐츠(예: "http://www.microsoft.com".)를 참조하는 데 사용됩니다. 웹 컨텍스트에서 실행되며 로컬에서 패키지된 콘텐츠에서 로드되는 iframe을 만들려면 다른 스키마인 "ms-appx-web:"을 사용해야 합니다. 이 스키마를 통해 참조하는 콘텐츠는 로컬 패키지에서 로드되지만, 웹 컨텍스트의 기능과 제한에 따라 실행됩니다.

앱 데이터

더러 Windows 런타임 API를 통해 인터넷에서 앱의 로컬 ApplicationData 저장소로 다운로드한 리소스를 참조하는 것이 유용한 경우도 있습니다. 그러한 콘텐츠를 참조하려면 ApplicationData 로컬 저장소 내에 있는 파일에 대한 경로와 함께 "ms-appdata:" 스키마를 사용해야 합니다. 보안상의 이유 때문에 이 위치에 다운로드한 HTML로 이동할 수 없으며, 어떤 실행 파일 또는 실행 가능한 코드(예: 스크립트 또는 CSS)도 실행할 수 없습니다. 이는 이미지나 동영상 등의 미디어에 적용됩니다.

앱 리소스

"ms-resource:" 스키마를 통해 지역화된 이미지 등 앱에 포함되는 리소스를 참조할 수 있습니다.

관련 항목

파일 리소스를 로드하는 방법
URI 스키마
컨텍스트별 기능 및 제한

 

 

표시:
© 2017 Microsoft