안녕하세요. 국내 최장수 업로드컴포넌트 덱스트업로드입니다.

엑스빌더에 덱스트업로드 적용하기​

토마토시스템의 UI개발툴인 엑스빌더6( eXBuilder6)에서 덱스트업로드 NJ, X5 를 적용해야 하는 사례가 있었습니다.

(eXBuilder6는 과거 ‘마이플랫폼’, ‘엑스플랫폼’, ‘넥사크로’와 같은 제품들과 유사한 개발 환경을 제공한다. )

해당 고객사에서는 전자정부프레임워크로 프로젝트를 수행 중이었습니다.

​

eXBuilder6는 우선적으로 프론트엔드용 응용프로그램(application)을 만들어내는 도구입니다.

기본적으로 웹 응용프로그램을 위한 화면 구성을 제공하고 있습니다.

​

eXBuilder6는 clx라는 확장자를 가진 파일을 가지고 하나의 웹 페이지를 구성하는 방식입낟. 그리고, 이 clx 파일 단위를 하나의 앱(app)처럼 사용하고 있습니다. clx 파일 간의 통신도 분명이 존재하겠지만, 우선적으로 현재 로드된 페이지를 하나의 앱처럼 사용하여 SPA(Single Page Application) 방식으로 구현을 합니다.

​

DEXTUploadX5 적용

DEXTUploadX5는 <div>와 같은 컨테이너 요소를 사용하여 내부에 컴포넌트(<object>)를 렌더링을 합니다.

eXBuilder6는 <div> 요소를 바로 사용할 수 있도록 HTML 요소를 제공하는 것이 아니라, 자체적으로 컨트롤(UI Control)들을 제공하며, 이러한 컨트롤들을 사용해서 UI 구성을 해야 합니다.

‘마이플랫폼’, ‘엑스플랫폼’, ‘넥사크로’와 같은 제품과 다르게 eXBuilder6는 웹 페이지를 통째로 임베딩하는 방식이 아닌 HTML 요소들을 직접 추가할 수 있도록 하는 Shell 컨트롤이라는 것을 제공합니다.

​

이 컨트롤을 사용하면 해당 영역을 HTML 요소로 구성할 수 있습니다.

​

​

Shell 컨트롤을 만들고, 로드 이벤트를 사용하여 DEXTUploadX5 컴포넌트를 생성하는 코드를 수행하면 됩니다.

​

기타 상세한 사항은 당사로 문의주시면 샘플과 가이드를 제공받으 실 수 있습니다.

(문의처 : 02-6719-6219 , info@dextsolution.com )

-덱스트솔루션