JavaScript2 [Javascript] DOMContentLoaded와 onload DOM (Document Object Model)HTML내 원하는 위치에 접근하기 위한 하나의 방식, W3C의 표준문서 객체 모델(DOM)은 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공한다.**Dom Tree:**브라우저가 HTML 웹 페이지를 인식하는 방식을 계층화시켜 트리구조로 만든 객체(Object) 모델 DOMContentLoaded 이벤트란?돔트리 분석이 끝나면 발생즉, 돔트리가 다 만들어진 후에 돔에 접근이 가능하기때문에, 돔이 생성되기전 돔을 조작하는 자바스크립트 코드가 실행되어 원하지 않는 결과를 내는것을 막을 수 있다.document.addEventListener("DOMContentLoaded", ()=> { console.log("원하는 코드 적기")});lo.. 2025. 4. 1. [JavaScript] window function Window 객체는 웹 브라우저의 창을 나타내는 객체.브라우저 창 안에 존재하는 모든 요소의 최상위 객체로서, 자바스크립트의 모든 객체, 전역 함수, 전역 변수들은 자동으로 Window 객체의 프로퍼티.Window 객체의 메소드는 전역 함수이며, Window 객체의 프로퍼티는 전역 변수.HTMl / JavaScript 부분에서 export / import를 쓸 수는 없음(기본적으로는 안 됨)순수 JS 환경에서는 window에 올려야 전역 접근 가능 ,왜냐면 export / import는 모듈 시스템(ESM) 또는 번들러(Vite, Webpack) 가 있을 때만 작동해.window.translateNames= function(elementId, value){ return value} 2025. 4. 1. 이전 1 다음
