클라이언트사이드 이벤트(event) -> 이벤트가 발생하면 원하는 JavaScript 코드를 실행되도록 할 수 있음. [자바 스크립트는 Jquery를 위해서 배웠다 ] 이벤트? 사용자가 웹브라우저에서 하는 모든 행위를 상세하게 구분하여 이벤트로 규정 (마우스클릭) onmousedown onmouseup onclick ondblclick (마우스이동) onmouseover onmouseout등등 (키보드누르기) onkeydown onkeyup onkeypress 폼(form) 입력(input) onblur onfocus onfocusin onfocusout onsubmit onchange 윈도우 조작 onresize onscroll onload onunload 등등 이벤트 속성은 전부 소문자로 처리한다. ..

클라이언트사이드 문서 객체 선택 여러 가지 방법으로 HTML 요소를 선택 가능 id : document.getElementByld("id") - 이것은 배열에 담기지않음 문서 내의 요소들 중에서 속성 id가 'id'와 일치하는 요소 하나 선택 tag name document.getElementsByTagName("h1") - 반드시 복수로 해야함(상황에 따라서 다름) 문서 내의 모든 "h1"요소들을 선택 - 배열에 담아옴 (여러개를 하기에 배열이 필요 class name document.getElementsByClassName("cls") HTML class 속성은 클래스 이름이 동일한 스타일을 정의하는 데 사용됨 동일한 class 속성을 가진 모든 HTML요소는 동일한 스타일 갖습니다. css sele..

클라이언트사이드 브라우저객체모델 (Browser Object model) (window, location, navigator, history, screen,document) 위에 잇는 것은 변수선언 ㄴ 브라우저 기능들을 제공하는 객체틀 window - 브라우저 객체 구조에서 최상위 브라우저의 기본 토대를 제공하는 중요한 객체 생성, 삭제, 수정등을 포함하는 모든 동작의 출발점 var로 선언한 변수들은 모두 windows객체의 속성이 됨 공개된 표준이 적용되는 객체가 아니지만 브라우저마다 모두 제공함 메소드 ->alert(msg) 경고창으로 메시지 출력 ->prompt(msg, ) msg를 출력하고 입력 문자열 받기 입력 저장 : let name = prompt("안내드립니다 문자열 입력해주세요"); ("..

클라이언트사이드 프로토타입(prototype) - 생성자함수명.prototype 생성자 함수로 생성한 많은 객체들의 상황 Product(..) - product.prototype -> print function() { console.log (............) } function() { //다른 메소드의 처리내용 } -> 생성자 함수가 생성한 객체들이 공유할 정보를 저장 - 주로 객체들이 공유할 메소드 저장 속성과 메소드를 분리하여 정의 생성자 함수는 속성 중심으로 객체 생성 메소드는 prototype에 정의 객체 생성 및 활용

클라이언트사이드 객체(object) 개념 이해 (객체가 끝나면, HTML CSS JS간의 연동~) 속성- 메소드 (항상 떠올리자) 1. 객체(object)

자바 과제 일시 : 2019 - 10 - 01 과제 내용 [8번째 과제] 교재 292 직원 class 작성하고, 아래 물음에 답할 것. 1) 객체변수와 static 변수의 차이점은 무엇인가? 2) 어떤 경우에 static 변수를 사용해야 하는가? 예를 한가지 만 들어서 설명할 것. 3) 직원들의 봉급의 합을 알기 위해서 static 변수 totalSalary 를 만들고, 생성자에서 모든 직원들의 봉급의 합이 계산되도록 코딩하세요. 객체 변수 : 같이 합치지 못하고 따로 설정해야하는 변수에 사용 static변수 : 굳이 나누지 않고, 공통으로 합을 낼 수 있는 변수 Static 보통 변수나 메소드 앞에 static 키워드를 붙여서 사용하고 메모리를 공유하기 위한 용도로 자주 사용됨 보통 사용에 적절한 예는..

자바 과제 일 : 19-09-30 과제 내용 [7번째 과제] 교재 269 Point class 를 활용한 Circle class 만들고, 아래와 같이 수정해 볼 것. 1) Circle class 에 원의 면적을 구하는 method(예: double calcArea()) 를 추가할 것.2) 두개의 원을 생성하고, 2개의 원에 대한 원의 면적을 각 각 구해서 출력할 것. [소스코드] 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 6..