분류 전체보기142 [JS] DOM 트리 📌 참고 사이트 https://ko.javascript.info/dom-nodes DOM 트리 ko.javascript.info http://www.tcpschool.com/javascript/js_dom_node 코딩교육 티씨피스쿨 4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등 tcpschool.com 📋 DOM 트리 문서 객체 모델 (DOM) 에 따르면 모든 HTML 태그와 태그 내의 문자는 객체이다. 💡 노드의 종류 HTML DOM은 노드라고 불리는 계층적 단위에 정보를 저장하고 있다. DOM은 이러한 노드들을 정의하고, 노드들 사이의 관계를 설명하는 역할을 한다. 노드 설명 문서 노드 (document node) HTML 문서 전체를 나타내는 노드 요소.. 2023. 8. 17. [JS] 브라우저 환경과 다양한 명세서 📌 참고 사이트 브라우저 환경과 다양한 명세서 (javascript.info) 브라우저 환경과 다양한 명세서 ko.javascript.info 📋 호스트 (host) 자바스크립트는 본래 웹 브라우저에서 사용하려고 만든 언어이다. 자바스크립트가 돌아가는 플랫폼을 '호스트' 라고 하는데, 이 호스트는 웹 브라우저 뿐만 아니라 웹 서버 등등 다양한 것들이 될 수 있다. '호스트 환경'은 각 플랫폼이 해당 플랫폼에 특정되는 기능을 제공하는 것을 말한다. 📋 호스트 환경이 웹 브라우저일 경우 📍 window 객체 ➡️ 최상단에 있는 루트 객체로, 자바스크립트 코드의 전역 객체이다. ➡️ 브라우저 창을 대변하고, 브라우저 창을 제어할 수 있는 메서드를 제공한다. 💡 다음과 같은 전역 함수는 전역 객체 window의.. 2023. 8. 16. [JS] new 연산자와 생성자 함수 📌 참고 사이트 new 연산자와 생성자 함수 (javascript.info) new 연산자와 생성자 함수 ko.javascript.info 📋 생성자 함수 new 연산자와 생성자 함수 (객체를 생성하는 함수)를 사용하면 객체 리터럴({...}) 방식을 사용할 때보다 유사한 객체 여러 개를 쉽게 생성할 수 있다. 즉, 재사용할 수 있는 객체 생성 코드를 구현하는 데 의의가 있다. 📍 생성자 함수 만들기 생성자 함수와 일반 함수에 기술적인 차이는 없지만 보통 아래의 규칙을 따른다. ➡️ 함수 이름의 첫 글자는 대문자로 시작한다. ➡️ 반드시 new 연산자를 붙여 실행한다. ➡️ new 생성자 함수명 (인자) 의 형식으로 작성하여 객체를 생성한다. ➡️ new 연산자를 붙여 실행하면 어떤 함수라도 생성자 함수.. 2023. 8. 16. [JS] 메서드와 this 📌 참고 사이트 메서드와 this (javascript.info) 메서드와 this ko.javascript.info 📋 객체의 프로퍼티에 함수 할당하기 📍 메서드 만들기 💡 객체에서의 메서드 : 객체 프로퍼티에 할당된 함수 다음은 아래와 같은 user 객체에 sayHi 함수를 할당해 주어 user 객체에 할당된 함수를 호출(점 표기법과 ()를 사용하여)하면 user가 인사 멘트를 날리는 코드이다. let user = { name: 'kanu', age: 6; } // 함수 표현식으로 함수 만든 후 객체 프로퍼티 user.sayHi에 함수를 할당해 줌. user.sayHi = function () { console.log('안녕하세요!'); } user.sayHi(); // 안녕하세요! 아래과 같은 방식.. 2023. 8. 16. 이전 1 ··· 6 7 8 9 10 11 12 ··· 36 다음
