클라이언트 쪽 라이브러리 관리

  • 2 minutes to read

클라이언트 쪽 라이브러리 관리 - LibMan

Visual Studio의 ASP.NET Core(또는 Blazor Server) 프로젝트에서 프로젝트 이름을 마우스 오른쪽 버튼으로 클릭하면, 상황 메뉴(Context Menu)에 클라이언트 쪽 라이브러리 관리 메뉴가 나타납니다. 이 메뉴를 통해 외부 JavaScript 라이브러리를 손쉽게 프로젝트에 추가하고 관리할 수 있습니다.

Azunt.Web 프로젝트에 마우스 오른쪽 버튼 클릭 후 클라이언트 쪽 라이브러리 관리


JSZip 설치 절차

만약 jszip과 같은 라이브러리를 VisualAcademy 프로젝트에 설치하고자 한다면, 다음 3단계를 따르면 됩니다.

1단계: 메뉴 실행

프로젝트 노드에서 마우스 오른쪽 버튼을 클릭한 후 클라이언트 쪽 라이브러리 관리 메뉴를 선택합니다.

1. VisualAcademy 우클릭 클라이언트 쪽 라이브러리 관리 메뉴

2단계: libman.json 생성

해당 프로젝트 루트에 libman.json 파일이 자동으로 생성됩니다. 이 파일은 프로젝트에서 사용하는 클라이언트 라이브러리들을 정의하는 메타데이터 파일입니다.

2. 프로젝트 루트에 libman.json 파일 생성

3단계: 라이브러리 지정

libman.json 파일에 jszip 라이브러리를 추가하여 다운로드할 파일을 지정합니다. 그러면 지정된 경로에 jszip이 내려받아집니다.

3. jszip 다운로드 받을 파일 지정


DotNetNote 프로젝트 예시

DotNetNote 프로젝트는 이미 libman.json 파일을 사용하고 있다면, 동일하게 프로젝트에서 마우스 오른쪽 버튼을 클릭하여 클라이언트 쪽 라이브러리 관리 메뉴를 통해 새로운 라이브러리를 추가할 수 있습니다.

DotNetNote 프로젝트에 우클릭해서 클라이언트 쪽 라이브러리 관리

추가로 jszip 라이브러리를 설치하면, 기존에 관리되고 있던 JS 라이브러리들과 함께 wwwroot/lib 폴더 내에 jszip 파일들이 내려받아집니다.

DotNetNote 프로젝트에 기존에 설치된 JS 라이브러리에 추가로 jszip 추가됨


정리

  • Visual Studio 2022에서는 Manage Client-Side Libraries (클라이언트 쪽 라이브러리 관리) 메뉴를 통해 LibMan을 사용할 수 있다.
  • libman.json 파일은 프로젝트에 필요한 클라이언트 라이브러리를 선언하는 핵심 파일이다.
  • JSZip과 같은 외부 라이브러리를 손쉽게 추가하여 Kendo UI Excel Export 등 다양한 기능에 활용할 수 있다.
VisualAcademy Docs의 모든 콘텐츠, 이미지, 동영상의 저작권은 박용준에게 있습니다. 저작권법에 의해 보호를 받는 저작물이므로 무단 전재와 복제를 금합니다. 사이트의 콘텐츠를 복제하여 블로그, 웹사이트 등에 게시할 수 없습니다. 단, 링크와 SNS 공유, Youtube 동영상 공유는 허용합니다. www.VisualAcademy.com
박용준 강사의 모든 동영상 강의는 데브렉에서 독점으로 제공됩니다. www.devlec.com