전체 글 (291) 썸네일형 리스트형 자바스크립트 문서 객체 조작하기 자바스크립트 문서 객체 조작하기 📌 문서객체(document object) HTML 페이지에 있는 html, head, body, title, h1, div, span 등의 html 요소(element)를 자바스크립트에서는 문서객체라고 부릅니다. 📌 DOM 문서객체모델(Document Objects Model) 문서 객체를 조합해서 만든 전체적인 형태 문서객체를 조작하는 방법은 복잡하나 요즘에는 jQuery(라이브러리)와 React(프레임워크)를 사용해 문서 조작이 예전보다는 상대적으로 쉬워졌습니다. 📌 DOMContentLoaded 이벤트 HTML 페이지는 코드를 위에서 아래로 차례대로 실행합니다. body태그가 생성되기 전에 head태그에서 body태그에 무언가를 출력하고자 할 때, 문제가 발생합니다.. 자바스크립트 객체와 배열 고급 자바스크립트 객체와 배열 고급 📌 속성 존재 여부 확인 객제 내부에 어떤 속성이 있는지 확인하는 것을 의미합니다. 객체에 속성이 접근하면 undefined 자료형이 나옵니다. 따라서 조건문으로 undefined인지 아닌지 확인하면서 속성 존재 여부를 확인할 수 있습니다. 📌 속성 존재여부 확인1 📌 속성 존재여부 확인2 if(object.name){ console.log('name 속성이 있습니다.') } else { console.log('name 속성이 없습니다.') } if(object.author){ console.log('author 속성이 있습니다.') } else { console.log('author 속성이 없습니다.') } 📌 속성 존재여부 확인3 object.name || console.. 자바스크립트 객체의 속성과 메소드 사용하기 자바스크립트 객체의 속성과 메소드 사용하기 📌 기본자료형 숫자 문자열 불 📌 객체자료형 함수 배열 이외 전부 ... 자바스크립트는 유연하므로 기본 자료형이 객체 자료형이 될 수도 있습니다. 객체 자료형 📌 배열 > const a =[] undefined > a.sample = 10 10 > a.sample 10 > a [sample: 10] > typeof(a) 'object' > Array.isArray(a) true 속성과 메소드를 가질 수 있는 모든 것이 객체입니다. 그러므로 배열도 객체입니다. 📌 함수 > function b() {} undefined > b.sample = 10 10 > b.sample 10 > b ƒ b() {} > typeof(b) 'function' 함수는 '실행 가능한 객.. 이전 1 ··· 90 91 92 93 94 95 96 97 다음
