JavaScript 처리 엔진

동작 원리와 선택 기준

엔진 선택과 제품 기능 등급은 같은 설정이 아닙니다. standard를 선택했다고 Pro 기능의 라이선스 조건이 사라지는 것은 아니며, 설치된 패키지의 기능 범위도 유지됩니다.

코드의 grid는 설치와 연결 장에서 준비한 Grid 요소입니다. 예제마다 필요한 데이터·설정을 확인하고, 코드에서 소개하는 앱 함수와 서버 주소는 프로젝트에 맞게 구현하세요.

실행 환경 비교를 위해 모드를 명시합니다.

javascript

grid.engine = 'standard';
console.log(await grid.getActiveTier());

결과 확인: 초기화가 완료된 표에서 실제 실행 tier를 확인합니다.

수백 개 주문과 기본 텍스트 열로 시작하고 필요한 정렬·검색·편집을 추가합니다. 별도의 서버 행 모델 없이 rowData로 데이터를 공급합니다.

결과 확인: 구현이 단순하고 값 변경을 추적하기 쉽습니다. 데이터 규모가 커지면 가상화와 서버 로딩 범위를 함께 검토합니다.

값 포맷터나 비교 함수에서 반복적으로 큰 배열을 만들지 않도록 계산을 준비합니다. 동일 데이터로 기능을 하나씩 켜서 비용을 비교합니다.

결과 확인: 실행 엔진을 바꾸기 전에 불필요한 재렌더링과 전체 데이터 교체를 줄일 수 있습니다.

표준 엔진에서도 DOM 셀을 모두 렌더링해야 하는 것은 아닙니다. virtualScroll과 별개의 설정입니다.

브라우저 메모리에 전체 데이터를 둘 수 없는 규모라면 엔진 모드만 바꾸기보다 서버 행 모델을 검토합니다.

rows
원본 행을 공급하는 호환 입력입니다. 새 구성에서는 rowData를 우선 사용하고 두 입력이 충돌하지 않게 합니다.
columns
열 정의를 공급하는 호환 입력입니다. 새 구성에서는 columnDefs를 우선 사용합니다.
maxRendered
한 번에 렌더링할 행 수의 상한을 설정합니다. 데이터 전체 개수와는 별개의 렌더링 제약입니다.
setQuery
처리 엔진에 적용할 조회 조건을 전달합니다. GridQuery 계약과 현재 행 모델의 지원 범위를 확인하세요.
queryComplete
처리 엔진의 조회가 완료되었을 때 발생합니다. 결과와 실제 실행 tier를 detail에서 읽어 성능·결과 안내에 연결합니다.