윅스 (Wix) 코딩 - 패키지 관리자로 외부 코드 라이브러리 관리하는 방법 (Wix Code: How to Manage External Code Libraries with the Package Manager)

윅스 (Wix) 코딩 - 패키지 관리자로 외부 코드 라이브러리 관리하는 방법 (Wix Code: How to Manage External Code Libraries with the Package Manager)

 

 

 

설명)

 

종종 다른 사람이 이미 구현한 복잡한 기능이 필요합니다. 바퀴를 다시 만들고 동일한 복잡한 기능을 다시 작성하는 대신 사용자의 필요에 맞는 코드 라이브러리를 찾아 자신의 코드에 통합할 수 있습니다. 기존 코드 라이브러리를 사용하면 개발자 커뮤니티의 작업을 사이트에 통합하여 작성해야하는 코드의 양을 최소화할 수 있습니다.

 

재사용 가능한 자바스크립트(JavaScript) 코드의 가장 많이 사용되는 레지스트리는 npm입니다. npm에서는 재사용 가능한 각 코드 라이브러리를 패키지라고합니다. 윅스 코드(Wix Code)를 사용하면 사이트에서 가장 많이 사용되는 npm 패키지를 설치할 수 있습니다. 사용 가능한 패키지 목록에서 사용하려는 패키지가 표시되지 않으면 패키지를 목록에 추가하도록 요청할 수 있습니다. 일단 설치되면 패키지를 가져와서 성능 저하없이 백엔드 코드에서 사용할 수 있습니다.

 

 

 

 

패키지 관리자 (Package Manager)

패키지 관리자를 사용하여 사이트의 npm 패키지를 관리합니다.

 

 

 

 

 

패키지 관리자에는 사용가능 및 설치의 두 가지 보기가 있습니다.

 

사용가능한 보기를 사용하기 (Use the Available view to) :

- 사용가능한 패키지 검색하기

- 패키지 설치

- 사용가능한 패키지에 대해 알아보기

- 사용가능한 패키지 목록에 패키지 추가 요청하기

- 사용가능한 패키지를 zip파일로 다운로드하여 소스 코드보기

 

설치된 보기를 사용하기 (Use the Installed view to) :

- 패키지 제거하기

- 설치된 패키지에 대해 알아보기

 

 

패키지 정보 (Package Information)

패키지 목록의 각 패키지는 다음 정보를 포함합니다.

 

 

 

패키지 관리자 열기 (Opening the Package Manager)

패키지 관리자는 두 가지 방법으로 열 수 있습니다.

 

패키지가 설치되어있지 않은 경우

- 사이트 구조 사이드 바의 백엔드 섹션 헤더 옆에 있는 

 아이콘을 클릭한 다음 npm 패키지 설치를 클릭합니다. 패키지 관리자가 사용가능 보기로 열립니다.

 

 

 

 

 

패키지가 이미 설치되어있는 경우

- 사이트 구조 사이드 바의 백엔드 섹션에 있는 node_modules 폴더 옆에 있는 

 설정 아이콘을 클릭한 다음 새 패키지 설치 또는 설치된 패키지 관리를 클릭합니다.

a. 새 패키지 설치를 클릭하면 사용가능한 보기에서 패키지 관리자가 열립니다.

b. 설치된 패키지 관리를 클릭하면 패키지 관리자가 설치된 보기로 열립니다.

 

 

 

 

새 패키지 설치 (Installing a New Package)

패키지를 설치하기 (To install a package) :

 

1. 사용가능한 보기에서 패키지 관리자를 엽니다.

2. 검색 상자를 사용하여 설치할 패키지를 찾습니다.

3. 패키지 위에 마우스를 올리고 설치 버튼을 클릭합니다.

4. 설치된 패키지가 사이트 구조 사이드 바의 백엔드 섹션에 있는 node_modules 폴더에 추가됩니다.

 

 

노트 :

모듈을 설치하면 모듈 사용권 계약에 동의하게 됩니다.

 

 

 

 

패키지 제거 (Uninstalling a Package)

패키지를 제거하기 (To uninstall a package) :

 

1. 사이트 구조 사이드바의 백엔드 섹션에 있는 node_modules 폴더에서 제거하려는 패키지 위로 마우스를 이동하고 

 설정 아이콘을 클릭하여 제거를 선택합니다.

2. 설치 제거된 패키지는 node_modules 폴더에서 제거됩니다.

 

경고 :

패키지를 제거할 때 해당 패키지를 사용하는 코드를 중단시킬 수 있습니다.

 

 

 

패키지 요청 (Requesting a Package)

패키지를 사용가능한 패키지 목록에 추가하도록 요청하기 (To request a package be added to the list of available packages) :

 

1. 사용가능한 보기에서 패키지 관리자를 엽니다.

2. 검색 상자를 사용하여 요청할 패키지를 아직 사용할 수 없는지 확인합니다.

3. 패키지 목록 아래에 있는 Let us know 링크를 클릭합니다.

4. 요청 양식을 작성하여 제출합니다.

 

 

패키지에 대해 더 배우기 (Learning More about a Package)

패키지에 대해 자세히 알아보기 (To learn more about a package) :

 

1. 사용가능한 보기 또는 설치된 보기에서 패키지 관리자를 엽니다.

2. 패키지 위에 마우스를 올려놓고 

 더보기 버튼을 클릭합니다.

a. 패키지 외부 문서로 이동하려면 Read More를 선택합니다.

b. ZIP 다운로드를 선택하여 패키지의 소스 코드를 가져옵니다.

 

 

 

설치된 패키지 사용하기 (Using an Installed Package)

설치된 패키지를 사용하려면 백엔드 코드로 패키지를 가져옵니다. 각 패키지에는 고유한 import문이 있습니다. 사용할 import문에 대한 자세한 내용은 패키지의 외부 설명서를 참조합니다.

 

예를 들어, faker 패키지가 설치되었다고 가정하면 다음과 같은 기능을 사용합니다.

 

 

import faker from 'faker';

export function getFakeName() {
    return faker.name.findName();
}

 

 

 

연관된 토픽)

 

 

윅스 홈페이지 만들기 101

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index

 

출처 :

https://support.wix.com/en/article/wix-code-managing-external-code-libraries-with-the-package-manager