용어 정리/ 기본 개념

foo

• 프로그래밍 상에서 임시로 변수이름을 지정해줘야할 때, 주로 쓰이는 변수 이름
• 외에 bar, baz, Fie, Foe, Fee등도 함께 사용됨

---

Ext.application

• 한 프로젝트에 하나만 있어야 한다.
• 리로드시 실행되는 것.
• app.js에 있음

---

천단위기호

• 가격과 같은 천단위로 (,)콤마를 사용하여 구분자 설정
• // 천단위기호 추가 var newDecimalPointValue= Ext.util.Format.number(추가할대상, '0,000'); // var newDecimalPointValue = 추가할대상.toFixed(2).replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',').split('.')[0]; // 천단위기호 제거, 소수점 제거 var newNormalValue= parseFloat((제거할대상).replace(/[,.]/g, ''));

---

mixins

• 코드 뭉치를 어디선가 가져와서 쓰는 것
• 재활용.
  • $를 사용한 변수를 선언하는 것과 동일 (다만 mixins는 여러 줄의 정보를 담고 있다는 차이점)

---

handler와 action

handler

• 주로 버튼이나 메뉴 아이템과 같은 UI 컴포넌트에서 사용되는 이벤트 핸들러
• 해당 컴포넌트를 클릭하거나 선택했을 때 실행될 함수를 지정
• 함수 자체를 가리키는 참조이기 때문에 함수에 대한 호출이 아니라 함수 자체를 할당
  • 함수의 인수를 전달하는 것은 불가능

action

• 주로 form 컴포넌트에서 사용되는 이벤트 핸들러
• 폼을 제출(submit)하거나 폼을 로드(load)하는 등의 액션과 관련된 작업을 처리
• 폼을 제출할 때 서버로 데이터를 전송하는 함수를 **action**으로 지정
• 성공 또는 실패에 따라 다른 동작을 취할 수 있도록 **success**와 failure 콜백 함수를 제공

⇒ **handler**는 일반적인 UI 컴포넌트의 이벤트 핸들러로 사용되고, **action**은 주로 폼 컴포넌트의 이벤트 핸들러로 사용

⇒ **handler**는 해당 컴포넌트의 동작을 처리하고, **action**은 주로 폼의 제출과 관련된 동작을 처리