자바스크립트 버튼 클릭 기초 for SAPUI5 핵심

자바스크립트 버튼 (button, input type=”button”) 태그는 사용자로부터 정보를 입력 받은 후 클릭을 통해 서버 등으로 데이터를 전송하거나 받을 때 필요한 객체 타입을 이야기 합니다. 자바스크립트를 활용해서 해당 button의 click, submit 그리고 input과 button 태그의 차이점 등을 기술하였습니다. 버튼 역시 이벤트 처리가 필요하므로 이벤트의 기초는 여기 에서 참고할 수 있습니다. 자바스크립트 버튼의 click event <!DOCTYPE html> … Read more

자바스크립트 DOM 조작 – 요소 추가, 생성, 제거 for SAPUI5 기초

자바스크립트 DOM 조작과 관련하여, 문서 객체 모델 DOM(Document Object Model)의 정의에 대해서는 이전 문서를 참조해 보시기 바랍니다. 각각의 DOM 요소는 하나하나가 객체이기 때문에 생성, 추가, 삭제 등의 기능을 제공하고 있습니다. 문서 객체는 Parent와 Child로 구성이 되며, 어떠한 객체가 있을 때 상위의 객체를 Parent 객체, 하위의 객체를 Child 객체라고 합니다. 예를 들어, 아래의 코드가 있다면 … … Read more

SAPUI5 자바스크립트 DOM 기초 – SAP Fiori Javascript

SAPUI5 자바스크립트를 통해 브라우저 객체를 다루기 위해서는 DOM(Document Object Model)을 먼저 이해해야 합니다. 문서 객체 모델(Document Oject Model)이란, 간단하게 설명해서 자바스크립트를 활용을 하여 html 요소를 조작할 수 있도록 방법을 모아둔 개체들의 집합을 말합니다. 이러한 DOM 객체는, 문서 안에 모든 요소를 정의하여, 페이지 구조 및 스타일 등등 각각의 요소에 접근하여 읽고 변경하고 삭제할 수 있는 API를 … Read more