본문 바로가기

브라우저

(2)
브라우저에서의 자바스크립트 동작 알아보기.2 바로 이전 포스트 브라우저에서의 자바스크립트 동작 알아보기.1에서 window 객체 document 객체 DOM과 DOM트리 DOM에서의 노드란 무엇이고 노드 종류와 관계 DOM에서의 노드 이동 / 노드 값에 접근해서 출려값을 알아보고 노드 값을 수정하는 프로퍼티 에 대해서 알아보았다. 이번 포스트에서는 새롭게 요소(element)노드를 자바스크립트에서 생성하는 법과 생성한 노드를 기존 요소노드에 추가해보기 요소(element)노드 삭제와 이동방법 알아보기 요소(element) 노드에 접근해 요소의 정규 속성(attribute)값을 자바스크립트로 추가해보기 자바스크립트 CSS 컨트롤 하는 방법 요소의 비정규 속성(attribue)값을 활용하는 방법 에 대해서 알아보자. 🔶예제 코드 캐릭터 알아보기 탱커 ..
브라우저에서의 자바스크립트 동작 알아보기.1 현재 Codeit | JavaScript 중급과정을 중 'Browser에서 자바스크립트 동작'부분을 학습 중이다. 이 부분에서 새롭게 알게 된 정보와 중요하다고 생각되는 내용 그리고 배운 내용과 관련된 간단한 예제코드등을 정리해보았다. 🙄⁉브라우저도 객체이다?! 강의 내용에서 이런 말을 듣고 관련 내용을 검색해보았는데, 단순히 '브라우저=객체'가 아닌 웹 브라우저는 여러 객체들을 가지고 있다. 라고 표현하는게 맞는거 같다. 그렇다면 웹 브라우저가 가지고 있는 객체들은 무엇일까? window (최상위 객체) location navigator history screen document (DOM이라고도 부른다) 이 위의 객체들은 자바스크립트가 아닌 웹브라우저에서 제공하는, 즉 웹브..