ExtJS6 여섯번째강의 -ExtJS 6 API Document 보는법 (ExtJS 6 How to view the document)

▼▼▼ ExtJS 강좌 구독을 원하시면, 아래 채널구독 부탁드립니다 ^^ ▼▼▼

https://www.youtube.com/channel/UCmIEd8PTq5PXJyXlboXKOpQ

ExtJS 는 문서보는방법만 익힌다면,  저의 강좌를 듣지 않으셔도 어느정도의 개발진행이 가능합니다.

ExtJS 문서 관련 보는 법 정리

① API URL 접속 후, Classic Toolkit의 "Documentation" 링크 클릭

Modern Toolkit 의 Documentation 클릭 시, Sencha Touch 관련 문서연결

②  우측 상단에 사용하고자 하는 컴포넌트를 검색

예를들어, xtype이 패널인 컴포넌트 관련 문서를 검색하고 싶다하는 경우, search 영역에 "panel" 이라는 검색어를 입력하면 관련 클래스 목록이 출력되고, 원하는 내용을 선택하면 관련 컴포넌트 API문서로 이동

상단 URL 별로 클릭하지 않아도 Document우측상단의 M/C 구분을 주어서 컴포넌트 구분 가능

M : Modern (Sencha Touch)

C : Classic(ExtJS)

M/C 둘다 눌렸을 경우, 통합검색가능

③ configs : 각 컴포넌트에 설정 가능한, key/value 형식의 속성값

예를들어, 패널 속성을 적용하고자 한다면,  "width : 300" 이와같이 속성을 정의해주면, 컴포넌트에 적용이 되는것을 확인

앞으로, configs에서 지원하는 속성들을 이용하여 다양한 컴포넌트에 살을 붙여보도록 할예정

④ methods : 해당 컴포넌트 객체가 지원하는 기능들

셀렉터 관련내용은 추후 다루도록 할것 이므로 이번 강좌에서는 다루지 않음

예를들어 아래 methods 부분에 기능들은 패널자체 컴포넌트에서 동작되는 기능들입니다.

⑤ events : 이벤트 핸들러를 정의할때 필요한 key속성값 

listeners라는 속성에 서브형식으로 지정 후, 이벤트동작에 대해서 작성을 하면 됩니다.

앞으로, 이벤트 동작을 이용해서 다양하게 응용을 해보도록 하겠습니다.

간단하게 API 문서 보는영역 및 영역에 따라 어떤 내용인지에 따라 설명은 드렸지만, 바로 이해를 하지 못하는 분들이 대부분이라 판단됩니다.

앞으로 강의에서 화면을 다양하게 변경해보고 기능 및 리스너 관련해서 API 를 보면서 진행을 차차 할 예정이니, 걱정하지 마시고 강의를 천천히 따라와 주시면 ExtJS는 결코 어렵지 않고, 그동안에 가지고 계셨던 편견들을 깰 수 있다고 말씀드리고싶습니다.