Web
-
[javascript] 56. DOM 요소(DOM elements) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:37
JavaScript HTML DOM Elements 1. Finding HTML Elements 종종 자바스크립트에서, HTML 요소를 조작하기를 원합니다. 이러한 일을 하기 위해, 요소를 찾는 일을 먼저 해야합니다. 이러한 일을 하는 여러 가지 방법이 있습니다: - id를 통하여 HTML 요소 찾기 - tag 이름을 통하여 HTML 요소 찾기 - class 이름을 통하여 HTML 요소 찾기 - HTML 객체 집합을 통해서 HTML 요소 찾기 2. Finding HTML Elements by Id DOM에서 HTML 요소를 찾는 가장 쉬운 방법은 요소 아이디를 이용하는 것 입니다. 1var x = document.getElementById("intro");cs 요소를 찾았다면, 메소드는 요소를 객체로서 ..
-
[javascript] 55. DOM 문서(DOM document) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:36
JavaScript HTML DOM Document HTML DOM에서, 문서 객체(document object)는 웹 페이지 입니다. 1. The HTML DOM Document HTML DOM 객체 모델에서, 문서 객체는 웹 페이지를 나타냅니다. 문서 객체는 웹 페이지의 모든 다른 객체의 주인 입니다. HTML 페이지 내의 객체를 접근 하고 싶을 때, 문서 객체를 접근 하는 것으로 시작 합니다. 2. Finding HTML Elements MethodDescriptiondocument.getElementById()Find an element by element iddocument.getElementsByTagName()Find elements by tag namedocument.getElementsB..
-
[javascript] 54. DOM 메소드(DOM method) - 자바스크립트 강좌Web/JavaScript 2015. 6. 13. 15:36
JavaScript - HTML DOM Methods HTML DOM 메소드는 HTML 요소로 수행 할 수 있는 행위 입니다. HTML DOM 속성은 설정할 수 있고, 변경 가능한 HTML 요소의 값 입니다. 1. The DOM Programming Interface HTML DOM은 자바스크립트에서 접근 할 수 있습니다. DOM 에서, 모든 HTML 요소는 객체로서 정의되어 있습니다. 프로그래밍 인터페이스는 각 객체의 속성과 메소드입니다. 속성(property)는 얻거나 설정 할 수 있는 값 입니다. 메소드(method)는 해야 할 일의 행위 입니다. 2. Example 아래 예제는 아이디가 demo인 요소의 내용을 바꾸는 예제 입니다. 1234567891011 document.getElementByI..
-
[javascript] 53. HTML DOM - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:36
JavaScript HTML DOM HTML DOM에서, 자바스크립트는 모든 HTML 문서를 접근하고 변경 할 수 있습니다. 1. The HTML DOM (Document Object Model) 웹페이지가 로드될 때, 브라우저는 페이지의 문서 객체 모델(Document Object Model)을 생성합니다. HTML DOM은 객체의 트리 형태 구조로 되어 있습니다: 객체 모델에서, 자바스크립트는 동적인 HTML을 만들어서 모든 걸 가져올 수 있습니다: - 페이지 내의 모든 HTML 요소를 변경 할 수 있습니다. - 페이지 내의 모든 HTML 속성을 변경 할 수 있습니다. - 페이지 내의 모든 CSS 스타일을 변경 할 수 있습니다. - 존재하는 HTML 요소와 속성을 제거 할 수 있습니다. - 새로운 H..
-
[javascript] 52. closure - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:35
JavaScript Closures 자바스크립트 변수는 지역 변수 혹은 전역 변수에 속해 있습니다. Private 변수는 closures를 통하여 만들 수 있습니다. 1. Global Variables 함수는 함수내에 선언된 모든 변수를 접근 할 수 있습니다: 1234function myFunction() { var a = 4; return a * a;}cs 그러나, 함수는 함수 밖에 선언된 변수 또한 접근 가능합니다: 1234var a = 4;function myFunction() { return a * a;}cs 위의 예제에서는 a는 전역 변수입니다. 웹 페이지에서, 전역 변수는 윈도우 객체(Window Object)에 속합니다. 전역 변수는 페이지 내의 모든 스크립트에서 사용되어 집니다. 맨 처음 ..
-
[javascript] 51. 함수 호출(function invocation) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:34
JavaScript Function Invocation 자바스크립트 함수는 4가지 방식으로 호출될 수 있습니다. 1. The this Keyword 자바스크립트에서, 하나의 것을 this라 부르는 이것을 현재 코드에서 자기자신을 지칭하는 객체입니다. (In JavaScript, the thing called this, is the object that "owns" the current code.) 함수에서 사용할 때, this의 값은 함수 자신의 객체 입니다. 2. Invoking a JavaScript Function 함수의 코드는 함수가 선언 될 때 실행되는 것이 아닙니다. 함수가 호출 될 때, 실행되는 것입니다. 3. Invoking a Function as a Function 1234functi..
-
[javascript] 50. 함수 매개변수(function parameters) - 자바스크립트 강좌Web/JavaScript 2015. 6. 13. 15:34
JavaScript Function Parameters 함수는 매개변수 값을 검사하는 어떤 행위도 하지 않습니다. 1. Function Parameters and Arguments 함수 매개변수(parameter)는 함수 선언 안에 나열된 이름들(names)입니다. 함수 인자(arguments)는 함수에서 넘겨 받은 실제 값(values) 입니다. 2. Parameter Rules 함수 선언은 매개변수의 데이터 타입을 명시하지 않습니다. 함수는 넘겨받은 인자에 대한 타입 검사를 수행하지 않습니다. 함수는 넘겨 받은 인자의 수를 검사하지 않습니다. 3. Parameter Defaults 인자없이 함수가 호출되었을 경우, 빠진 인자 값들은 undifined로 설정 됩니다. 가끔은 위와 같은 상황을 허용하지..
-
[javascript] 49. 함수 선언(function definitions) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:33
JavaScript Function Definitions 자바스크립트 함수는 function 키워드로 선언합니다. 1. Function Declarations 아래 문법과 같이 함수를 선언 할 수 있습니다. 123function functionName(parameters) { code to be executed}Colored by Color Scriptercs 선언된 함수는 바로 실행되는 것이 아닙니다. 선언된 함수는 나중에 사용하기 위해 저장되거나, 나중에 실행되어 질 것입니다. 2. Function Expressions 함수는 식을 사용하여 선언 할 수도 있습니다. 1var x = function (a, b) {return a * b};cs 함수식이 변수에 저장되어 진 후에, 변수는 함수로 사용되어 ..