javascript(123)
-
포워딩(Forwarding) 방법 정리
포워딩(Forwarding) 방법 정리 · HTML 포워딩 방법 · JavaScript 포워딩 방법 · JSP 포워딩 ---------------------------------------- HTML 포워딩 방법 JavaScript 포워딩 방법 2
-
모던 JavaScript 튜토리얼
모던 JavaScript 튜토리얼 https://ko.javascript.info/
-
드래그 앤 드롭 - draggable 속성, 기본 동작
draggable 속성 · img요소와 href 속성이 마크업된 요소는 원래 드래그할 수 있는 요소로 규정되어 있습니다. · img요소와 href속성이 마크업된 요소들외에 모든 요소를 HTML5에서는 draggable 속성을 true로 지정함으로써 드래그할 수 있도록 규정하고 있습니다. · HTML5에 새롭게 추가된 draggable속성은 true, false, 값 없음 값을 가질 수 있습니다. draggable 속성 지정 · draggable은 드래그 대상이 웹 애플리케이션 안의 요소라면 그 요소에 draggable속성을 지정합니다. · draggable 속성이 true 이면 drag 할 수 있는 것이고, false 면 drag를 하지 못합니다. · 값을 지정하지 않았을 때는 기본 동작을 그대로 사용한..
-
기본 이벤트(default event), 기본 이벤트 제거
기본 이벤트(default event) 일부 HTML 태그는 이미 이벤트 핸들러를 가지고 있는데 이벤트가 발생할 때 이벤트 연결 없이 사용할 수 있는 이벤트가 있는데 이벤트를 기본 이벤트라고 합니다. 기본 이벤트 제거 · 기본 이벤트가 있는 HTML 태그에 이벤트 연결을 하면 이벤트 연결에 의해 새롭게 호출되는 이벤트 핸들러와 기본 이벤트에 의해 고유의 이벤트 핸들러가 함께 호출되기 때문에 원하는 형태의 이벤트 처리가 어려워집니다. 따라서 기본 이벤트를 제거함으로써 원하는 이벤트 연결이 가능하게 처리해야 합니다. · HTML 요소에 클릭(click) 이벤트가 발생하면 브라우저는 지정된 주소로된 새로운 웹 페이지를 열게 됩니다. 이렇게 특정 이벤트는 미리 지정된 기본 동작을 가지고 있습니다. · 하지만 p..
-
13.html-은닉화 / 캡슐화
은닉화 / 캡슐화 소스 코드 function Rectangle(width, height){ //지역변수는 외부에서 호출 불가(은닉화) var width = width; var height = height; this.getWidth = function(){ return width; }; this.getHeight = function(){ return height; }; } var rectangle = new Rectangle(6, 8); //외부에서 호출불가 document.write(rectangle.width + ', ' + rectangle.height + ' '); //메소드를 통해 접근 document.write(rectangle.getWidth() + ', ' + rectangle.getHeig..
-
은닉화 / 캡슐화- 12.html
은닉화 / 캡슐화 소스 코드 function Rectangle(width, height){ //지역변수는 외부에서 호출 불가(은닉화) var width = width; var height = height; this.getWidth = function(){ return width; }; this.getHeight = function(){ return height; }; this.setWidth = function(width){ //검증 if(width