DOM이란｜ 자바스크립트를 통해 웹페이지(문서)를 동적으로 제어해주는 인터페이스를 말한다. 약자를 풀어서 해석해보면 Document : 웹페이지를 구성하는 요소들(Element : body,div, ···) Object : 객체 Model : 모델 문서들을 객체로 만들어서 자바스크립트가 제어하도록 하는 장치를 DOM이라 한다. 브라우저는 HTML 코드를 해석하고 → 요소들을 트리 형태로 만든 문서(DOM)를 → 화면에 보여준다.(렌더링) DOM의 목적｜ 웹 페이지에 접근하여 페이지를 수정하고 이벤트 처리를 정의할 수 있다. DOM 접근 메소드｜ 메소드를 사용해 제어할 요소를 찾을 수 있다. 메소드 & 속성 설명 document.getElementById() 특정 id를 가진 요소를 선택한다. docume..
Javascript에서 함수는 입력과 출력으로 이루어져 있습니다. 입력 - parameter, argument 출력 - return 매개변수(parameter) 함수를 정의할 때 함수 내부에서 사용할 수 있는 변수명입니다. 함수 선언식 괄호 안의 (num)을 매개변수라고 합니다. 인자(argument) 함수를 호출할 때 전달되는 값입니다. 함수 호출문 괄호 안의(4), (10)을 인자라고 합니다. function divideNumber(num) { return num / 2; } console.log (divideNumber(4)) //2 (4/2) function divideAndAddNumber(num) { let result = divideNumber(num); return result + 1; }..
자바스크립트에서 변수를 선언할 때 var와 let, 그리고 const를 사용합니다. var 자바스크립트의 과거의 변수 선언 방식으로 중복선언이 가능합니다. 그리고 값을 선언하기 전에 값을 할당할 수 있습니다. 이것을 var hoisting 이라고 하는데 hoisting(n.끌어 올리기)은 어디서 선언했던지 상관없이 항상 선언을 최상단으로 끌어 올려주는 것을 말합니다. 정확한 에러를 파악하기 힘들고 값이 바뀔 우려 때문에 var는 가급적 사용하지 않도록 권장하고 있습니다. var name = “goopy” console.log(name) //goopy var name = “pooh” console.log(name) //pooh let 변수 중복선언할 수 없고 재할당은 가능합니다. (read/write) l..
배열(Array) : 순서대로 여러개의 데이터를 저장한다. index｜배열된 요소에 접근, 확인, 수정 다차원배열(multi-dimensional array)_1 function multiArray() { const myArray = [["becoming", 29], ["developers", 30]]; return myArray; } console.log (multiArray()) 다차원배열(multi-dimensional array)_2_문자 array에 접근 function getElement() { const arr = [3, [5, ["array", 8], 2 + 3], [0]]; return arr[1][1][0]; } console.log (getElement()) //array arr[0]..
- Total
- Today
- Yesterday