ExtJS 디자인을 커스터마이징 하시는 분 계시는지요.
우주
1. 발생 환경 : ExtJS 디자인 커스터 마이징 OS : ex) windows XP
테스트 브라우저 : IE9+
비교 브라우저 : HTML5스팩을 케어한 모든 브라우저(정상적으로 나오는 브라우저) ex) Chrome
2. 문제 발생 URL : 없음
3. 발생 문제에 대한 자세한 기술 :
ExtJS 디자인을 커스터마이징 하시는 분 계시는지요.
회사에서 ExtJS를 쓰고 있습니다. 다양한 개발 CRUD가 나와있는 상황이고업무단 로직 및 스키마와 쿼리가 나와있는 상황입니다.저는 거기에 ExtJS 수정 및 디자인 작업 적용을 하는 퍼블리싱 역할을 맡았습니다.솔루션 개발이고 SI는 아닙니다.
현재 디자인은 가이드가 나와있는 상황입니다.즉 좌측 몇픽셀 버튼 몇픽셀 색상 서체 사이즈 레이아웃 들이 나와있는 상황이죠.그 디자인 가이드를 보고 컴포넌트들을 커스터 마이징 하여 맞춰야 하는 상황입니다.제가 판단하고 상사분들과 develop을 한 4일간 진행해 보았습니다.
cls라는 속성을 주고 클래스를 준 뒤 커스터마이징을 하면 되지만은이곳 저곳을 건드리면 이 페이지에서 멀쩡하던게 저 페이지에서 깨지고 하더라구요.DOM간의 상호 유기성과 컴포넌트 자체의 고유성이 중요합니다.멀티클래스로 보정은 가능 하나 공수가 들게 됩니다.하루종일 뜯어야 한페이지 나올까 말까 합니다. 삽질이 심하네요.
디자인(심미적인 px 맞추기 작업),확장성(컴포넌트에 cls 클래스만 주면 적용이 되는 커스텀 CSS),생산성(차후 UI를 추가하기 쉽도록 템플릿화)를 만족 해야 합니다.ExtJS라이브러리를 사용하지 않은 느낌이 많이 나야 하는 것이지요.
저는 jQuery UI나, jQGrid를 뜯어 보았고, SASS(SCSS)컨트롤이 가능 합니다.그러나 ExtJs(센차)는 현재 처음입니다.센차 역시 SASS를 이용해서 색상 마진 등을 변경 할 수 있다는건 알고 있습니다만,아무래도 PSD와 똑같아지는건 아니기 때문에이러한 컴포넌트들은 Rook & Feel 정도 수정하는거에 만족하는거라 생각하고 살아 왔습니다.
이러한 컴포넌트들을 커스터마이징 했을시이 코드를 모바일로 가져왔을시 문제가 없을지도 알고 싶습니다.
혹시 ExtJS 디자인 커스터마이징을 해보시거나 방법을 아시는 분 있으시면노하우 전수 부탁 드리겠습니다.조그만 조언도 좋습니다.혹은 jQuery Ui의 경우 테마롤러(http://jqueryui.com/themeroller/)가 있는데 ExtJS도 그러한것이 있는지 알고 싶습니다.
