ExtJS 6 강좌 영상은 링크를 통해 제공됩니다. (YOUTUBE 채널 구독해주세요!!) https://youtu.be/YOkY8ra_AOk 지난 시간부터는 샘플 프로젝트를 위한 템플릿을 제작중입니다. 오늘은 지난시간에 정한 메뉴목록 클릭 시, 중앙영역에 변경되는 컴포넌트를 변경해보도록 합니다. treelist → listeners → selectionchange 트리리스트 컴포넌트의 리스트 변경이벤트 selectionchange(this,record,eOpts) this : 트리리스트 자기자신 record : 선택된 노드의 레코드 값들 eOpts : 리스너에 전달된 옵션객체 특정 위치 컴포넌트 교체 폼필드 컴포넌트의 레이블 옵션 fieldLabel : Stringvalue 값에 정의를 하면 폼필드의 ..

ExtJS 6 강좌 영상은 링크를 통해 제공됩니다. (YOUTUBE 채널 구독해주세요!!) https://youtu.be/5YjXYYoQ2ew 서버API 만들기 전, 화면개발 먼저 진행하겠습니다. app.js기존에 프로젝트 생성한 ExtJS 빌드 구조에서 app.json내에 존재하는 mainView를 주석 또는 지워줍니다. 로그인 - Login Form app → view → login 디렉토리 생성 후, Login.js 파일 생성 로그인의 경우 일반적으로 패널 또는 윈도우 컴포넌트로 생성을 하지만, 어떤 컴포넌트를 이용해서 만드는거에 대한 정답은 없습니다.여러분이 편하신 컴포넌트로 제작을 하시면 되지만, 저같은 경우는 윈도우 컴포넌트를 이용하여 만들어 보았습니다. Application.jsconfig ..

ExtJS 6 강좌 영상은 링크를 통해 제공됩니다. (YOUTUBE 채널 구독해주세요!!) https://youtu.be/zSKJLVQ67xQ 안녕하세요 개발로짜입니다 ^^기초편에서 우리가 ExtJS의 문법과 컴포넌트 이해를 배웠다면,이번강좌에서는 간단한 웹프로그램을 만들어보면서 서버와 API 통신까지 해보는 시간을 가져보려고 합니다. 우선 기초편에서는 Generate 할때, classic(ExtJS) / modern(Sencha Touch) 구조로 생성하였는데, 실전/응용편에서는 ExtJS 만을 다루기 위하여 classic 버전만으로 진행을 하기 위해 새로운 ExtJS 프로젝트를 Generate 해주도록 하겠습니다. ExtJS 를 Generate 하기 위한 임의의 디렉토리 생성예) D:\study라는 ..

ExtJS 6 강좌 영상은 링크를 통해 제공됩니다. (YOUTUBE 채널 구독해주세요!!) https://youtu.be/Gc2-7RRDcG4 데이터 바인딩 (Data Binding) ViewModel과 데이터 바인딩은 ExtJS 의 강력한 것 중 일부입니다.같이 사용하게 되면 데이터와 UI 간의 비즈니스 로직이 끊기지 않는 연결관계를 만들 수 있습니다. 바인딩이 가능한 CONFIG 설정은 bind 라는 속성내에 GET/SET을 지원하는 CONFIG 를 정의 후 value부분에 중괄호 - "{value}" 와같이 정의를 해주어야 합니다. MVVM 구조 이해하기 우리는 기존에 app.js 라는 파일내에 모든 컴포넌트 + 기능들을 기술하여 화면에 출력 하고 기능을 동작시켜 보았습니다. 하지만, 페이지가 늘어..