라이선스 FAQ 및 설치

Ignite UI for React MIT 또는 상업용 라이선스 하에 제공되는 패키지로 구성되어 있습니다. 이 라이선스 모델은 프로젝트에 통합하는 특정 컴포넌트, 모듈, 서비스에 따라 상업적 및 허용된 오픈 소스 사용 모두를 지원합니다.

어떤 라이선스가 패키지의 어느 부분에 적용되는지 이해하는 것이 매우 중요합니다. 오픈 소스 vs 프리미엄 주제에는 각 컴포넌트에 적용되는 라이선스 유형에 대한 세부 정보가 포함되어 있으며, 따라서 프로젝트에서 사용하는 컴포넌트를 기반으로 상업용 라이선스를 구매해야 하는지 여부에 관한 내용이 포함되어 있습니다.

License Agreements in Ignite UI for React

상업용 라이선스 하에 있는 부품의 경우, 구매 및 사용과 관련된 모든 법적 조건과 조건을 아는 것이 중요합니다.

2025년 4분기에 라이선스 조건과 구독 모델을 업데이트했습니다.

체험판이 종료되었거나 구독이 만료된 경우, Ignite UI의 상업용 라이선스 하에 컴포넌트를 사용하는 팀 내 모든 개발자는 구독을 구매 해야 합니다. 이렇게 하면 https://packages.infragistics.com/npm/js-licensed/ for Development에 호스팅된 저희 비공개 NPM 피드를 사용할 수 있습니다. 거기서 Ignite UI for React 패키지의 최신 버전을 찾을 수 있습니다. 현재 구독 중이라면 이 비공개 피드를 사용할 수 있으며, 전체 버전의 Ignite UI for React에 접근할 수 있습니다.

Infragistics 다음에 대한 무료, 비상업적, 재판매 불가(NFR) 라이선스를 제공합니다.

Microsoft MVP, Microsoft Regional Director, Google Developer Expert 등과 같은 개발자 프로그램의 일원인 경우
초등학생, 중등학생, 대학생, 학술 기관 또는 교수인 경우.

무료, 비상업적, NFR 라이센스를 받을 자격이 있거나 라이센스 질문이 있는 경우 당사에 문의 하십시오.

Ignite UI for React npm packages - Using the Private npm feed

Npm은 가장 널리 사용되는 패키지 관리자이자 런타임 환경 Node.js의 기본 패키지 관리자이기도 합니다. 이는 채택률이 높으며 프로젝트에서 의존하는 패키지를 관리하는 가장 빠르고 쉬운 방법 중 하나입니다. npm 작동 방식에 대한 자세한 내용은 공식 npm 문서를 읽어보세요.

Infragistics Ignite UI for React NPM 패키지로 제공되며, 몇 가지 간단한 단계로 프로젝트에 의존성으로 추가할 수 있습니다. 이 방식을 선택하면 npm 설정을 할 필요가 없습니다. 상업용 라이선스로 패키지를 설치하는 경우, 제품의 Ignite UI for React 체험판 버전을 사용하기 시작하게 됩니다.

[!NOTE] What does it mean to start using a trial version? It means that you will be using a version of our product with a Watermark part of your web view. It doesn’t mean that you will be using the licensed package for a certain amount of time before it expires. For example, for a month.

Infragistics가 제공하는 프라이빗 npm 피드는 상업용 라이선스 하에 라이선스된 패키지 버전을 포함하고 있습니다.

How to setup your environment to use the private npm feed

먼저 개인 레지스트리를 설정하고 이 레지스트리를 Infragistics 범위와 연관해야 합니다

이렇게 하면 퍼블릭 npm 레지스트리와 Infragistics 프라이빗 레지스트리의 패키지를 원활하게 혼합하여 사용할 수 있습니다. Infragistics 계정에 로그인하는 데 사용하는 사용자 이름과 비밀번호를 제공하라는 메시지가 표시됩니다. 또한 Infragistics 프로필에 등록된 이메일도 제공해야 합니다.

계정에 라이선스가 부여되지 않은 경우(여전히 평가판 계정을 사용 중인 경우) 개인 패키지 피드에 액세스할 수 없습니다. 예를 들어 404 또는 403 오류 메시지가 반환됩니다. 라이선스가 부여된 계정만 packages.infragistics 비공개 피드에 액세스할 수 있습니다.

Now, to log in to our private feed using npm

npm 버전 9+

비공개 피드는 현재 npm v9의 로그인/추가 사용자 명령을 지원하지 않으므로 구성에 필수 인증 필드를 추가하려면 대신 다음 단계를 수행하는 것이 좋습니다.

npm config set @infragistics:registry https://packages.infragistics.com/npm/js-licensed/

npm config set //packages.infragistics.com/npm/js-licensed/:username=YOUR_USERNAME

npm config set //packages.infragistics.com/npm/js-licensed/:email=YOUR_IG_EMAIL

npm config set //packages.infragistics.com/npm/js-licensed/:_auth=YOUR_IG_AUTH_TOKEN

Infragistics 프로필을 통해 액세스 토큰을 생성할 수 있습니다.

이 접근법은 이전의 모든 버전npm에 적용됩니다.

v8까지의 npm 버전

명령어를adduser 실행하고 사용자 계정과 비밀번호를 지정하세요:

npm adduser --registry=https://packages.infragistics.com/npm/js-licensed/ --scope=@infragistics

Infragistics 계정에 로그인하는 데 사용하는 사용자 이름과 비밀번호를 제공하라는 메시지가 표시됩니다. 또한 Infragistics 프로필에 등록된 이메일도 제공해야 합니다.

npm사용자 이름 안에 있는 기호 사용을"@" 금지하는 것은 "인터넷에 안전하지 않다"고 여겨집니다. 사용자 이름이 실제로 Infragistics 계정에서 사용하는 이메일이기 때문에 항상 심볼"@"이 포함되어 있습니다. 그래서 이 제한을 벗어나려면 기호를"@" (두 개의 느낌표)로"!!" 교체해야 합니다. 예를 들어, 사용자 이름"username@example.com"이 사용자 이름에 대해 질문받았을 때 다음과 같은 입력을 제공해야 합니다:"username!!example.com"

이 작업이 완료되면 로그인되어 Ignite UI 패키지의 최신 버전을 프로젝트에 설치할 수 있습니다

npm uninstall igniteui-react-dockmanager
npm install @infragistics/igniteui-react-dockmanager

npm uninstall igniteui-react-dockmanager
npm install @infragistics/igniteui-react-dockmanager

Ignite UI for React 범위가 설정되어 있다는 점을 명심하세요. 즉, 개인 피드와 npmjs.org에서 동시에 패키지를 설치하려는 경우 레지스트리를 변경할 필요가 없습니다.

Changes in your project source after license package update

체험판에서 라이선스 패키지로 업그레이드하는 경우, 새 패키지는 적용 범위@infragistics가 됩니다. 그 결과, 다음과 같은 선택을 할 수 있습니다:

모든 체험판 패키지에 대해 전역 교체를 하고, 프로젝트 내 모든 파일에서 라이선스가 적용된 범위 버전으로 변경하세요. 예를 들어, 모든igniteui-react-dockmanager 참조를 교체하세요.@infragistics/igniteui-react-dockmanager 변경 사항은 이러한 패키지가 사용되는 모든 가져오기에 영향을 미쳐야 합니다.

또는
tsconfig.json 프로젝트에 경로 매핑을 추가합니다.

{
  /* ... */
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    /* ... */
    "paths": {
      "igniteui-react-dockmanager": ["./node_modules/@infragistics/igniteui-react-dockmanager"],
      "igniteui-react-dockmanager/*": ["./node_modules/@infragistics/igniteui-react-dockmanager/*"],
    }
  }
}

다음은 필요할 수 있는 반응 패키지에 대한 모든 경로 매핑이 포함된 전체 예입니다.

      "paths": {
        "igniteui-react-core": ["node_modules/igniteui-react-core", "node_modules/@infragistics/igniteui-react-core"],
        "igniteui-react-charts": ["node_modules/igniteui-react-charts", "node_modules/@infragistics/igniteui-react-charts"],
        "igniteui-react-dockmanager": ["node_modules/igniteui-react-dockmanager", "node_modules/@infragistics/igniteui-react-dockmanager"],
        "igniteui-react-grids": ["node_modules/igniteui-react-grids", "node_modules/@infragistics/igniteui-react-grids"],
        "igniteui-react-data-grids": ["node_modules/igniteui-react-data-grids", "node_modules/@infragistics/igniteui-react-data-grids"],
        "igniteui-react-grids/grids": ["node_modules/igniteui-react-grids/grids", "node_modules/@infragistics/igniteui-react-grids/grids"],
        "igniteui-react-gauges": ["node_modules/igniteui-react-gauges", "node_modules/@infragistics/igniteui-react-gauges"],
        "igniteui-react-inputs": ["node_modules/igniteui-react-inputs", "node_modules/@infragistics/igniteui-react-inputs"],
        "igniteui-react-layouts": ["node_modules/igniteui-react-layouts", "node_modules/@infragistics/igniteui-react-layouts"],
        "igniteui-react-maps": ["node_modules/igniteui-react-maps", "node_modules/@infragistics/igniteui-react-maps"],
        "igniteui-react": ["node_modules/igniteui-react", "node_modules/@infragistics/igniteui-react"],
        "igniteui-react-excel": ["node_modules/igniteui-react-excel", "node_modules/@infragistics/igniteui-react-excel"],
        "igniteui-react-datasources": ["node_modules/igniteui-react-datasources", "node_modules/@infragistics/igniteui-react-datasources"],
        "igniteui-react-spreadsheet": ["node_modules/igniteui-react-spreadsheet", "node_modules/@infragistics/igniteui-react-spreadsheet"],
        "igniteui-react-spreadsheet-chart-adapter": ["node_modules/igniteui-react-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-react-spreadsheet-chart-adapter"],
        "igniteui-webcomponents": ["node_modules/igniteui-webcomponents", "node_modules/@infragistics/igniteui-webcomponents"]
      }

테마 가져오기를 다음과 같이 변경하세요.

@import '~igniteui-react-dockmanager/dist/collection/styles/igc.themes';

// Should be changed to

@import '~@infragistics/igniteui-react-dockmanager/dist/collection/styles/igc.themes';

따라서 이미 npm을 채택했고 Ignite UI for React 라이선스가 있는 경우 주저하지 말고 Infragistics 비공개 피드를 설정하고 Ignite UI for React의 모든 잠재력을 활용해 생산성을 높이세요.

Access Token Usage

액세스 토큰을 사용하여 개인 npm 피드에 인증할 수도 있습니다. 액세스 토큰은 infragistics.com 사용자 계정을 통해 획득할 수 있습니다. 액세스 토큰 인증은 Ignite UI for React 사용하는 공개적으로 액세스 가능한 저장소에 CI 프로세스를 통합하려는 경우 선호되는 대안입니다.

다음 정보는 로컬 구성, Azure Pipelines 빌드 절차 및 Travis CI 빌드 프로세스에서 액세스 토큰을 사용하여 개인 npm 레지스트리에 대한 인증을 설정하는 방법에 대한 정보입니다.

https://account.infragistics.com/access-tokens에서 토큰 생성

각 토큰은 Base64 인코딩을 사용합니다.

.npmrc 파일에 다음을 추가하십시오.

@infragistics:registry=https://packages.infragistics.com/npm/js-licensed/
//packages.infragistics.com/npm/js-licensed/:_auth=YOUR_ACCESS_TOKEN
//packages.infragistics.com/npm/js-licensed/:username=YOUR_USERNAME

Azure Pipelines Configuration

다음 단계에 따라 azure-pipelines.yml을 업데이트합니다.

steps:

- script: npm config set @infragistics:registry $(npmRegistry)
  displayName: 'Npm add registry'
- script: npm config set $(igScope):_auth=$(token)
  displayName: 'Npm config auth'

npm 레지스트리 및 토큰 변수를 추가합니다.

Travis CI Configuration

여기에서도 거의 동일한 접근 방식을 따를 것입니다. 유일한 차이점은 구성이 before_install에 설정된다는 것입니다.

before_install:
- echo "@infragistics:registry=https://packages.infragistics.com/npm/js-licensed/" >> ~/.npmrc
- echo "//packages.infragistics.com/npm/js-licensed/:_auth=$TOKEN" >> ~/.npmrc

환경 변수를 정의하는 가장 좋은 방법은 포함할 정보 유형에 따라 다릅니다. 따라서 두 가지 옵션이 있습니다.

그것을 암호화하고.travis.yml에 추가하십시오.
리포지토리 설정에 추가

GitHub Actions Configuration

CI 워크플로우 구성의 **npm i(ci)*- 단계 앞에 다음 스크립트를 추가하세요:

- run: echo "@infragistics:registry=https://packages.infragistics.com/npm/js-licensed/" >> ~/.npmrc
- run: echo "//packages.infragistics.com/npm/js-licensed/:_auth=${{ secrets.NPM_TOKEN }}" >> ~/.npmrc

비밀(암호화된 환경 변수)을 정의하고, 접근 토큰 같은 민감한 정보를 위해 GitHub Actions 워크플로우에서 사용하세요.