추상 클래스, 인터페이스 등을 상속받는 클래스로 Upcasting, Downcasting를 해보고 싶었다.따라서 다음과 같이 구조를 만들었다. 그림판으로 작성! 그림을 보면 draw(), infoShape() 함수에서 오버라이딩을 한 것을 알 수 있다.매개변수 타입이나 갯수가 달라야하는 오버로딩은 생성자를 만들때 해서.. 그림에 표시되지 않았다. 객체를 만들면서 개발한 결과.구현 결과는 아래처럼 콘솔창에 표시되었다. 음.... 코드는 페이지가 너무 많아 PASS. 필자만 알 수 있겠지만...Downcasting, OOP를 확인했다.

body 태그의 설정된 id 또는 class를 스크립트 단에서 어떻게 가져올 수 있을까?이를 위해서 아래와 같이 id와 class를 설정했다고 가정하고 시작하려한다. 1. id가 "A"인 요소 찾기 document.getElementById("A");document.querySelector("#A"); 2. class가 "B"인 요소 찾기 document.getElementsByClassName("B"); // 배열로 표시됨document.querySelector(".B"); 3. tag가 "td"인 요소 찾기 document.getElementsByTagName("td"); // 배열로 표시됨document.querySelector("td"); // 맨 처음으로 검색된 태그 반환document.quer..

[window.onload] 웹 브라우저에 로드가 모두 완료(태그들을 모두 읽으면)되면 불러오는 함수사용자 정의 함수 (사용자가 알아서 정의하도록 만든 함수) ... 근데 window.onload는 어떻게 사용하나? 그런데 웹 브라우저에 로드가 모두 완료되었을 때 불러오는 함수가 이 방법 뿐일까??? 정답은... 아니다!! 사용자 정의 함수를 만들어 body를 로드할 때 정의한 함수를 불러올 수 있다.이렇게!! 그럼 또 다른 문제!body의 태그나 글은 스크립트 단에서 어떻게 가져오거나 설정할 수 있을까??다음 코드를 확인해보자. [innerText/innerHTML] 1. Read document.body.innerText();body 태그 안의 들어있는 요소 중에서 태그를 제외한 text를 모두 읽어..

[배열 type] object [배열 선언 방법] var array = new Array();var array = new Array(값, 값, 값);var array = [값, 값, 값]; * 값을 넣고 빼는 것은 push, pop을 이용한다. - push : 마지막에 원소 추가 - pop : 마지막 원소 삭제 [배열 선언 예제 코드]

[연산]문자끼리 더하면 자바에서는 아스키코드로 변경되어서 나오는데 자바스크립트에서는 문자와 문자열 구분이 없기 때문에 문자열로 나온다. 문제) 아래의 결과 값은? (필자는 결과 값을 편하게 알기 위해 alert 함수를 사용했다.)alert('A' + 100+200 + "!" + (10+20) + 12.345 + "####"); 답은...A100200!3012.345#### * 윗 부분은 드래그 드롭하여 확인 * [변수]자바스크립트의 변수 선언은 var자바와 매우 다른 점이다. 따라서 자바를 먼저 배웠던 필자는 자바스크립트를 배울 때 매우 당황했었다. 그럼 변수 타입은 어떨까?모두 var로 선언하기 때문에 변수 타입도 동일할까? 이를 확인해보기로 했다. 답은 차례대로 살펴보면,numbernumberbool..