100가지 이상의 빠르고 유연한 React UI 컴포넌트

1. React 앱 폴더로 이동 후, Wijmo 라이브러리를 설치합니다.

npm install @mescius/wijmo.react.all

2. useEvent 라이브러리도 설치합니다.

npm install react-use-event-hook

3. Wijmo 스타일 적용을 위한 css 파일을 추가합니다.

작업을 진행할 React 앱 src/App.js 파일에 접근하여, Wijmo css 파일을 추가합니다.
(아래 샘플에서는 index.js 파일을 참고해 주세요.)

// App.js

import '@mescius/wijmo.styles/wijmo.css';

4. Wijmo의 한국 문화권을 설정해 줍니다.

// App.js

import '@mescius/wijmo.cultures/wijmo.culture.ko' ;

5. 사용할 Wijmo 모듈을 추가합니다.

아래와 같이 Wijmo 모듈을 추가합니다.

각 컨트롤 별 상세한 코드는 아래 샘플의 index.js 파일에서 확인해 주세요.

// App.js

import * as { 네임스페이스 } from '@mescius/wijmo.react.{컨트롤명}' ;

6. Wijmo 컨트롤을 초기화하고, 화면에 추가합니다.

Wijmo 컨트롤을 초기화하고 샘플 데이터를 생성한 후, 화면에 Wijmo 컨트롤을 표시할 수 있도록 코드를 작성합니다.

아래 샘플의 index.js 파일에서 각 컨트롤 별 상세한 코드를 확인해 주세요.

5. React 앱을 실행하여 결과를 확인합니다.

npm start