Sencha 컨트롤러(Controller.js)의 기본 개념

Sencha의 MVC 패턴

Sencha ExtJS는 MVC 패턴(Model-View-Controller)을 따름

View:	    화면을 구성하는 UI 요소 (Main.js, CustomBoard.js)
ViewModel:	뷰에서 사용하는 데이터 저장 (CustomBoardModel.js)
Controller:	뷰에서 발생하는 이벤트를 처리 (CustomBoardController.js)

컨트롤러(Controller.js)는 주로 다음을 담당

이벤트 처리 (버튼 클릭, 메뉴 선택, 데이터 입력 등)
화면 상태 변경 (탭 전환, 패널 표시/숨김, 스타일 변경 등)
데이터 로드 및 가공 (서버에서 데이터를 가져와서 뷰에 반영)

컨트롤러의 역할

이벤트 처리:			버튼 클릭, 메뉴 선택, 패널 활성화 등의 이벤트 관리
뷰(View) 조작:		화면 전환, UI 업데이트, 레이아웃 변경
데이터 바인딩:		ViewModel과 연결하여 데이터 변경 시 UI 자동 업데이트
서버 통신:			Ajax 요청을 통해 서버에서 데이터 가져오기
다른 뷰와 상호작용:	여러 개의 뷰를 제어하고 연결