Sencha Ext JS 도입 고객 사례를 통해본 Ext JS의 ROI
들어가는 말 최신 웹/모바일 애플리케이션을 만드는 개발팀의 부담은 날이 갈수록 커지고 있다. 제품의 품질은 그대로 유지한 채 수많은 기기에 우수한 사용자 경험을 빠르게 전달해야 하기 때문이다. 애플리케이션 제작에 라이브러리, 툴, 프레임워크 등 어떤 기초적인 기술을 선택하느냐에 따라 애플리케이션에 사업 투자를 한 성과가 크게 달라진다. 선택 가능한 방법이 많은 탓에 투자 계획뿐만 아니라 애플리케이션 유지,개선,업그레이드에 대한 장기적인 요구를 이해하고 포착하기가 여간 까다롭지 않다. 본 보고서는 고객사가 센차의 웹,모바일 애플리케이션 플랫폼에 투자하기로 결정한 후 어느 정도의 수익을 얻었는지 알아본다. 실제 사례를 이용해 모델을 구축했으니 어느 개발팀이든 각자의 요구와 환경에 맞춰 비용/편익 분석을 할 수 있다. 우리는 10개의 센차 고객,파트너 사와 심층 인터뷰를 진행해 실제 사례를 조사했다. "실수 없이 확실한 근거를 바탕으로 선택하고 싶었습니
프론트엔드 웹애플리케이션 아키텍쳐 비교분석 : MVC와 MVVM
개요 함수와 객체가 미시적인 수준까지 코드 재사용과 모듈 방식을 허용해 개발자의 효율성을 높인 것처럼, 애플리케이션 아키텍처는 거시적인 수준에서 방대한 코드의 상호작용을 정리하거나 추상화하거나 제한해 개발팀의 효율성을 높였다. 본 보고서는 현재 널리 쓰이는 자바스크립트 애플리케이션 아키텍처를 개략적으로 살펴보고 센차가 지원하는 최신 애플리케이션 아키텍처인 모델-뷰-뷰모델(MVVM)을 심층 분석하고자 한다. 소개 센차 Ext JS 프레임워크는 종합적인 위젯 라이브러리, 강력한 데이터 패키지와 견고한 툴링을 갖춘 덕분에 기업형 웹 애플리케이션 개발에 있어 업계 표준이 되었다. 확장성이 높고 커스터마이징이 쉬운 Ext JS는 포춘 지가 선정한 100대 기업의 60%와 전 세계 200만 이상의 개발자가 사용하고 있다. 2007년 Ext JS 1.0이 처음 출시된 후로, 이 업계는 여러 면에서 달라졌다. 웹 애플리케이션은 그 어느 때보다 규모가 크고 더 복
구조화된 프론트엔드 개발로 빠른 결과를 얻는 법
들어가며 지난 몇 년 동안 서버 사이드 개발자는 모듈 방식과 코드 재사용 같은 고급 기술을 활용하고 있었지만, 프론트엔드 개발자는 체계 없는 스크립팅, 아무렇게나 뒤섞인 플러그인과 라이브러리에 의존해 작업을 해왔다. 본 보고서에서는 센차 기술을 이용한 컴포넌트 기반의 개발을 통해, 서버 측 개발의 생산성과 체계성을 프론트엔드와 모바일 개발에 적용하는 방법을 소개하고자 한다. 최근 다수의 자바스크립트 “마이크로 프레임워크”의 수가 급증하며 웹에 풍부한 콘텐츠와 미디어를 빠르게 전송하려는 수요에 단순성을 추가하려 하고 있다. 하지만 마이크로 프레임워크 스택(예: 제이쿼리 JQuery, 프로토타입 Prototype, 앵귤러JS AngularJS, 백본 Backbone 등)의 디자인 패턴과 일반적인 유틸리티가 정말로 대기업의 웹 개발 생산 가치를 높였을까? 과거를 돌이켜 보면 성공 사례가 여럿 있다고 할 수 있다. 특히 UX 디자인/개발 팀의 규모가 작고
웹기술의 부상으로 인한 개발팀의 당면과제 리서치보고서
복잡해지는 개발난이도와 높은 생산성 요구에 어떻게 대처해야 할 것인가 조사 방법 본 연구에서 포레스터는 모바일과 앱 개발과 유지에 관여하는 전 세계 124명의 관리자를 대상으로 온라인 조사를 실시했다. 조사에 참여한 기업은 소매업, 미디어/커뮤니케이션, 공익사업, 정유, 통신, 금융 서비스, 보험, 의료 산업에 종사하는 미국과 영국, 독일의 대기업(직원 1,000명 이상)이었다. 참여자는 모두 기업 내에서 프로젝트 매니저 이상의 지위였고, 조사에 시간을 내어 고맙다는 의미로 소정의 인센티브를 제공받았다. 조사는 2015년 3월 시작되어 종료되었다. 이 보고서에서 기업의 성공을 구분하는 기준은 모바일과 앱 애플리케이션의 성공이었다. [역자주 : 본 문서에서는 성공적인 기업과 성공적이지 못한 기업들의 상황을 비교해서 조사 결과를 도출하는데 여기서 말하는 성공적인 기업의 기준은 이번 설문에 참여한 회사들중에서 자사에서 출시한 웹/모바일 서비스중 성공사례
모던 웹 스택 심층 분석
프론트엔드 기술요소들을 분류하여 프레임워크별로 비교해 우리에게 맞는 기술이 무엇인지 파악해 봅시다. 들어가는 말 오늘날 비즈니스 컴퓨팅 분야에서 변화를 추진하는 가장 큰 요인 두 가지는 멀티 디바이스 컴퓨 팅과 클라우드다. 멀티 디바이스와 클라우드는 애플리케이션 아키텍처가 보다 더 강력한 프론트 엔드와 유연한 백엔드로 빠르게 진화하는 원동력이 되고 있다. 모바일 디바이스는 비즈니스 데이 터와 애플리케이션으로 가는 중요한 관문이 되고 있다. 그리고 대개 리치 API 서비스 포인트로 구현되는 클라우드 백엔드는 빠른 속도로 새로운 애플리케이션의 추세를 완벽하게 뒷받침해주는 백엔드가 되고 있다. 지난 5년 동안 웹과 네이티브 기술에는 폭발적인 혁신이 이루어졌다. 라이브러리와 프레임워크, 도구가 물밀듯이 릴리즈되어 개발자들이 이처럼 새로운 세상에 맞는 애플리케이션을 생성하게 도 왔다. 백엔드에서는 자바스크립트로 작성되고 가장 기본적인 것만 남긴 이벤트 시스
{"items":["5fda52afb64f5f0017dd0f1c","5fda52afb64f5f0017dd0f1a","5fda52afb64f5f0017dd0f18","5fda52afb64f5f0017dd0f19","5fda52afb64f5f0017dd0f1b"],"styles":{"galleryType":"Columns","groupSize":1,"showArrows":true,"cubeImages":true,"cubeType":"fill","cubeRatio":1.3333333333333333,"isVertical":true,"gallerySize":30,"collageAmount":0,"collageDensity":0,"groupTypes":"1","oneRow":false,"imageMargin":32,"galleryMargin":0,"scatter":0,"rotatingScatter":"","chooseBestGroup":true,"smartCrop":false,"hasThumbnails":false,"enableScroll":true,"isGrid":true,"isSlider":false,"isColumns":false,"isSlideshow":false,"cropOnlyFill":false,"fixedColumns":1,"enableInfiniteScroll":true,"isRTL":false,"minItemSize":50,"rotatingGroupTypes":"","rotatingCropRatios":"","columnWidths":"","gallerySliderImageRatio":1.7777777777777777,"numberOfImagesPerRow":1,"numberOfImagesPerCol":1,"groupsPerStrip":0,"borderRadius":0,"boxShadow":0,"gridStyle":1,"mobilePanorama":false,"placeGroupsLtr":true,"viewMode":"preview","thumbnailSpacings":4,"galleryThumbnailsAlignment":"bottom","isMasonry":false,"isAutoSlideshow":false,"slideshowLoop":false,"autoSlideshowInterval":4,"bottomInfoHeight":0,"titlePlacement":"SHOW_ON_THE_RIGHT","galleryTextAlign":"center","scrollSnap":false,"itemClick":"nothing","fullscreen":true,"videoPlay":"hover","scrollAnimation":"NO_EFFECT","slideAnimation":"SCROLL","scrollDirection":0,"scrollDuration":400,"overlayAnimation":"FADE_IN","arrowsPosition":0,"arrowsSize":23,"watermarkOpacity":40,"watermarkSize":40,"useWatermark":true,"watermarkDock":{"top":"auto","left":"auto","right":0,"bottom":0,"transform":"translate3d(0,0,0)"},"loadMoreAmount":"all","defaultShowInfoExpand":1,"allowLinkExpand":true,"expandInfoPosition":0,"allowFullscreenExpand":true,"fullscreenLoop":false,"galleryAlignExpand":"left","addToCartBorderWidth":1,"addToCartButtonText":"","slideshowInfoSize":200,"playButtonForAutoSlideShow":false,"allowSlideshowCounter":false,"hoveringBehaviour":"NEVER_SHOW","thumbnailSize":120,"magicLayoutSeed":1,"imageHoverAnimation":"NO_EFFECT","imagePlacementAnimation":"NO_EFFECT","calculateTextBoxWidthMode":"PERCENT","textBoxHeight":0,"textBoxWidth":200,"textBoxWidthPercent":50,"textImageSpace":10,"textBoxBorderRadius":0,"textBoxBorderWidth":0,"loadMoreButtonText":"","loadMoreButtonBorderWidth":1,"loadMoreButtonBorderRadius":0,"imageInfoType":"ATTACHED_BACKGROUND","itemBorderWidth":0,"itemBorderRadius":0,"itemEnableShadow":false,"itemShadowBlur":20,"itemShadowDirection":135,"itemShadowSize":10,"imageLoadingMode":"BLUR","expandAnimation":"NO_EFFECT","imageQuality":90,"usmToggle":false,"usm_a":0,"usm_r":0,"usm_t":0,"videoSound":false,"videoSpeed":"1","videoLoop":true,"jsonStyleParams":"","gallerySizeType":"px","gallerySizePx":670,"allowTitle":true,"allowContextMenu":true,"textsHorizontalPadding":-30,"itemBorderColor":{"themeName":"color_15","value":"rgba(12,60,96,1)"},"showVideoPlayButton":true,"galleryLayout":2,"targetItemSize":670,"selectedLayout":"2|bottom|1|fill|true|0|true","layoutsVersion":2,"selectedLayoutV2":2,"isSlideshowFont":false,"externalInfoHeight":0,"externalInfoWidth":0.5},"container":{"width":670,"galleryWidth":702,"galleryHeight":0,"scrollBase":0,"height":null}}
