ASP.NET Core의 스크립트 태그 도우미

작성자: Rick Anderson

스크립트 태그 도우미는 기본 또는 대체 스크립트 파일에 대한 링크를 생성합니다. 일반적으로 기본 스크립트 파일은 콘텐츠 배달 네트워크(CDN)에 위치합니다.

CDN은:

  • 웹앱으로 자산을 호스팅하는 것과 비교해서 몇 가지 성능 이점을 제공합니다.
  • 자산에 대한 유일한 원본으로 의존해서는 안 됩니다. CDN을 항상 사용할 수 있는 것은 아니므로 안정적인 대체(fallback) 항목을 사용해야 합니다. 일반적으로 대체(fallback) 항목은 웹앱을 호스트하는 사이트입니다.

스크립트 태그 도우미를 사용하면 스크립트 파일에 CDN 및 CDN을 사용할 수 없는 경우를 대비한 대체를 지정할 수 있습니다. 스크립트 태그 도우미는 로컬 호스팅의 견고성과 함께 CDN의 성능 이점을 제공합니다.

다음 Razor 태그는 대체가 포함된 script 요소를 보여줍니다.

<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.3.1.min.js"
        asp-fallback-src="~/lib/jquery/dist/jquery.min.js"
        asp-fallback-test="window.jQuery"
        crossorigin="anonymous"
        integrity="sha384-tsQFqpEReu7ZLhBV2VZlAu7zcOV+rXbYlF2cqB8txI/8aZajjp4Bqd+V6D5IgvKT">
</script>

<script>요소의 <script> 특성을 사용하여 CDN 스크립트 로드를 연기하지 마세요. 스크립트 태그 도우미는 asp-fallback-test 식을 즉시 실행하는 JavaScript를 렌더링합니다. CDN 스크립트 로딩이 지연되면 해당 식이 실패합니다.

일반적으로 사용되는 스크립트 태그 도우미 특성

스크립트 태그 도우미의 모든 특성, 속성 및 메서드는 스크립트 태그 도우미를 참조하세요.

asp-fallback-test

대체 테스트에 사용할 기본 스크립트에 정의된 스크립트 메서드입니다. 자세한 내용은 FallbackTestExpression를 참조하세요.

asp-fallback-src

기본 스크립트가 실패할 경우 대체할 Script 태그의 URL입니다. 자세한 내용은 FallbackSrc를 참조하세요.

추가 자료