Sencha Ext JS를 활용한 마케토 구축 사례

1. 문의 : 미래웹기술연구소 영업전화번호 : 070-4335-1749 이메일 : sales@miraeweb.com
기회
마케토는 빠르게 성장하는 소규모 회사와 세계적인 기업을 마케팅 자동화와 세일즈에 효과적인
소프트웨어를 통해 돕는다. 획기적인 혁신을 가져오고 폭발적인 성장을 불붙인다고 알려진 마케
토는 포브스에서 선정한 “가장 기대되는 미국 기업” 중 하나에 이름이 올랐다. 마케토는 2007년
부터 센차 Ext JS를 이용해 수상 경력에 빛나는 소프트웨어의 UI를 구축해 왔다.
솔루션
센차 Ext JS는 플러그인이 필요 없는 차트 패키지, 커스텀화 가능한 UI 위젯, 확장 가능한 컴포
넌트 모델, 사용하기 쉬운 API를 갖춘 최신 프레임워크를 제공해서 마케토가 세련되고 전문적인
사용자 경험을 만들 수 있었다. 마케토는 그들의 애플리케이션에 Ext JS를 핵심 클라이언트 측
프레임워크로 사용한다. 마케토의 스태프 엔지니어인 이고르 글라드코프(Igor Gladkov)는 다음
과 같이 설명한다. “저희가 Ext JS를 사용하는 이유는 크로스 브라우저 호환성 때문입니다. 그
기능은 표준화된 개발 프로세스를 가능하게 해 줍니다. 개발팀 규모가 클수록 명료하게 정의된
명세서를 가져야 합니다. 그래야 UI가 제각각 달라지지 않죠. Ext JS를 사용하면 클래스와 미리
정의된 컴포넌트의 대규모 라이브러리로 작업할 수 있습니다. 그 밖의 많은 프레임워크에서는
Ext JS가 제공하는 빌트인 컴포넌트와 구조화된 개발 프로세스가 부족합니다.”
결과
마케토는 클라이언트 측 프레임워크 전체에 센차 Ext JS를 Ext JS 2부터 사용해 왔다. 이고르는 그
들이 얻은 혜택을 이렇게 설명한다. “Ext JS는 프로토타입을 더 빠르게 만들어 주고 모달, 트리, 드
롭다운 박스, 컴포넌트의 디자인을 향상시킵니다. Ext JS를 사용하면 완전히 통합된 풍부하고 빠른
애니메이션을 만들 수 있습니다.”
센차 Ext JS는 최신 UI 컴포넌트, 빌트인 MVC 아키텍처를 제공하고
크로스 플랫폼을 지원해 마케토 고객들에게 훌륭한 사용자 경험을 보장한다.
Ext JS 고객사례
마케토(Marketo)
제품
마케토는 업계를 주도하는 마케팅 자동화 소
프트웨어에 센차 Ext JS의 힘을 빌린다.
산업 분야
소프트웨어
기회
마케팅 자동화 소프트웨어의 유저 인터페이스
를 사용하기 쉽고 강력하게 만드는 것.
솔루션
센차 Ext JS는 풍부한 최신 UI 위젯과 플러그
인이 필요 없는 차트, MVC 아키텍처를 제공
하는 고성능 자바스크립트 프레임워크로, 개
발 프로세스를 표준화하고 애플리케이션 개발
시간을 단축한다.
결과
· 다량의 고급 빌트인 컴포넌트 라이브러리를
사용해 개발 시간을 단축하고 프로토타입을
더 빠르고 효율적으로 제작했다.
· 센차 Ext JS에 크로스 플랫폼 호환성을
맡김으로써 브라우저 독립형 애플리케이션
을 구축해 상을 받았다.
· 빌트인 MVC 아키텍처로 코드를 정리해
대규모 개발팀이 사용자 인터페이스를 일정
하게 만들 수 있었다.
· 센차 Ext JS 차트를 광범위하게 사용해
사용자의 데이터 시각화 돕는 번석 결과를
보여 주었다.
마케토는 Ext JS에서 완전히 커스텀할 수 있는 테마와 UI 위젯을 사용해 수상 경력에 빛나는 사용
자 경험을 개발했다.

2. 문의 : 미래웹기술연구소 영업전화번호 : 070-4335-1749 이메일 : sales@miraeweb.com
Ext JS 4에서 빌트인 컴포넌트 라이브러리는 더욱 발전했고 커스텀화하기 쉬워졌다. “저희는 그
리드와 트리 컴포넌트를 사용하고 커스텀 컴포넌트를 많이 만듭니다. MVC 구조는 컴포넌트
를 더욱 유연하게 만들 수 있게 해 주죠. MVC는 Ext JS 4의 가장 큰 이점 중 하나입니다. Ext
JS는 앱을 만들 때 구조를 제공하는 한편, 사용자가 변화를 원하면 유연성을 허용합니다. 대규
모 팀을 체계화하고 모든 개발자가 지속적으로 동일 선상에서 작업을 하는 데 아주 도움이 됩
니다.”라고 이고르는 밝혔다.
마케토는 Ext JS의 명료한 컴포넌트 모델에서 큰 혜택을 얻는다. “저희는 커스텀 스타일에
SASS 툴을 사용합니다. 스타일들을 분리하고 스타일링을 더욱 잘 정리하는 작업에 아주 유용
하고, 현재 저희는 스타일을 보다 쉽게 덮어쓸 수 있습니다. 이미지가 없는 CSS, 이미지 파일
의 분리는 물론 CSS3 백그라운드 그레디언트와 둥근 모서리 같은 추가적인 유틸리티가 있어
EXT JS를 사용하면 코드가 훨씬 명료해집니다.”
마케토는 Ext JS 크로스 플랫폼 호환성을 활용해 시간과 리소스를 절약한다. “Ext JS 4에서는
프레임워크 수준의 브라우저 렌더링 문제가 해결되어서 개발 속도가 아주 빨라졌습니다. 크로
스 브라우저 테스팅을 할 때 자바스크립트 코드와 스타일의 95%가 자동으로 작동합니다. 개
발자가 여러 브라우저에 코드를 테스트하지 않아도 되니 테스트에 대한 부담을 크게 줄여 줘서
새로운 기능을 집중적으로 개발할 수 있습니다.” 이고르는 이렇게 말했다.
마케토는 Ext JS 4 차트를 사용한 분석을 제공하고 사용자가 데이터를 더욱 쉽게 시각화하게 돕는다.
“차트는 저희가 Ext JS 4에서 처음으로 사용한 컴포넌트였고 지금도 광범위하게 사용 중입니다. 선과
데이터를 포함해 차트의 여러 가지 스타일을 사용해 분석 결과를 보여 주고 있습니다. Ext JS 4가 발
전함에 따라 마케토는 더 많은 분석 기능에 차트를 사용할 계획입니다.”
도큐멘테이션은 마케토의 신입 개발자들에게 유용하다. “도큐멘테이션은 아주 유용해서 항상 사용
하고 있습니다. 견본은 새 컴포넌트를 사용할 경우에 특히 훌륭한 출발점 역할을 합니다. 견본을 복
사한 후 붙어넣어서 더 빠르게 시작할 수 있죠. 프로퍼티와 자산에 대한 설명도 잘 되어 있어서 그
것들을 어떻게 사용할지 알 수 있고요. 도큐멘테이션은 프레임워크를 배우는 신참 개발자들에게 큰
도움이 됩니다.”라고 이고르는 설명했다.
마케토는 Ext JS로 새 기능을 만들고자 기대하고 있다. “Ext JS는 보기 좋은 유저 인터페이스와 멋
진 사용자 경험을 만들기 위해 필요한 것을 정확히 제공해 줍니다. Ext JS는 기능이 풍부하고 차별
화된 애플리케이션을 만드는 작업에 온전히 집중하게 해 줘서 저희 회사의 성장을 돕고 있습니다.
Ext JS의 발전된 기능을 기대하고 있고 최신 브라우저 기능과 상호작용성의 지원을 통해 계속해서
영역을 바랍니다.” 이 말로 이고르는 말을 맺었다.
센차는 애플리케이션 개발자가 웹표준 기술을 사용해 멋진 애플리케이션 경험을 만들도록 돕는 애
플리케이션 프레임워크와 툴, 클라우드 서비스를 만들고 있다. 센차의 주력 상품인 센차 터치와 Ext
JS는 풍부한 인터넷 애플리케이션을 만드는 크로스 브라우저 자바스크립트 프레임워크다. 그 안에
는 성능이 뛰어나고 커스텀할 수 있는 UI 구성요소들과 구조가 훌륭하고 확장 가능한 컴포넌트 모
델, 직관적이고 사용하기 쉬운 API가 포함된다. 전 세계적으로 15만여 회사에서 200만 명이 넘는
개발자가 센차 제품군으로 매우 기능적이고 견고한 애플리케이션 경험을 만들고 있다.
존재하는 Ext JS UI 컴포넌트가 많아 마케토가 프로토타입을 더 빠르게 만들기 쉬워졌다.
“저희가 Ext JS를 사용하는 이유는
크로스 브라우저 호환성
때문입니다.
그 기능은 표준화된 개발
프로세스를 가능하게 해 줍니다.”
미래웹기술연구소 서비스
· Sencha 라이센스 판매
· Sencha 공인교육
· 프로페셔널 컨설팅
· 온라인 기술지원
문의
미래웹기술연구소
070-4335-1749
sales@miraeweb.com