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

  • 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 등 다양한 기능에 활용할 수 있다.
더 깊이 공부하고 싶다면
DevLec에서는 실무 중심의 C#, .NET, ASP.NET Core, Blazor, 데이터 액세스 강좌를 단계별로 제공합니다. 현재 수강 가능한 강좌 외에도 더 많은 과정이 준비되어 있습니다.
DevLec.com에서 자세한 커리큘럼을 확인해 보세요.
DevLec 공식 강의
C# Programming
C# 프로그래밍 입문
프로그래밍을 처음 시작하는 입문자를 위한 C# 기본기 완성 과정입니다.
ASP.NET Core 10.0
ASP.NET Core 10.0 시작하기 MVC Fundamentals Part 1 MVC Fundamentals Part 2
웹 애플리케이션의 구조와 MVC 패턴을 ASP.NET Core로 실습하며 익힐 수 있습니다.
Blazor Server
풀스택 웹개발자 과정 Part 1 풀스택 웹개발자 과정 Part 2 풀스택 웹개발자 과정 Part 3
실무에서 바로 활용 가능한 Blazor Server 기반 관리자·포털 프로젝트를 만들어 봅니다.
Data & APIs
Entity Framework Core 시작하기 ADO.NET Fundamentals Blazor Server Fundamentals Minimal APIs
데이터 액세스와 Web API를 함께 이해하면 실무 .NET 백엔드 개발에 큰 도움이 됩니다.
VisualAcademy Docs의 모든 콘텐츠, 이미지, 동영상의 저작권은 박용준에게 있습니다. 저작권법에 의해 보호를 받는 저작물이므로 무단 전재와 복제를 금합니다. 사이트의 콘텐츠를 복제하여 블로그, 웹사이트 등에 게시할 수 없습니다. 단, 링크와 SNS 공유, Youtube 동영상 공유는 허용합니다. www.VisualAcademy.com
박용준 강사의 모든 동영상 강의는 데브렉에서 독점으로 제공됩니다. www.devlec.com