판봉 개발 일기

DOM NODE DOM 노드는 종류에 따라서 각각 다른 프로퍼티를 지원합니다. 주로 쓰이는것중에는 tagName이란게 있는데 tagName은 프로퍼티의 요소 노드에만 존재합니다. 반대로 nodeName이란것도 있는데 이것은 모든 Node에 존재하기 떄문에 그다지 많이 쓰이지는 않을 것 같습니다. Node property innerHTML이란 것을 이용하면 HTML을 문자열 형태로 받아 올 수 있습니다. 또한 요소안의 HTML을 수정 하는 것도 가능하죠. 실무에서도 많이 쓰인다고 하니 중요한 부분입니다. p 태그 div 태그 위 코드를 사용하여 livesever에서 돌리면 이런 결과가 나옵니다. setTimeout이란 것을 이용해서 시간이 지나면 원래의 body 내부에 새로운 html태그가 추가된것을 확인..

Selector 이번에는 browser의 selector 즉 선택자에 대해서 알아볼겁니다. 저번시간에 배웠던 것을 이용하면 가까기에 붙어있는 요소들만 접근 할 수 있었습니다. 하지만 언제나 그렇지는 않습니다. 웹 페이지 내에서 원하는 요소 노드에 대해 바로 접근하는 방법이 있습니다. 바로 getElemenet와 querySelector입니다. Element 요소에 id 속성이 있다면 위치에 상관없이 저 메서드를 이용하여 접근 할 수 있습니다. 하지만 선생님께선 저것 말고 두번째로 말씀드린 querySelector를 이용하라고 하십니다. querySelector에는 크게 2가지가 있습니다. 바로 말 그대로 "querySelector"와 "querySelectorAll"이죠 이 두가지의 차이점은 단어에서 유..

이번 시간에는 javascript에서 제어 가능한 DOM에 대해서 알아보겠습니다. DOM 먼저 자바스크립트가 돌아가는 플랫폼을 "호스트"라고 부릅니다. DOM은 문서 객체 모델 이라고 합니다. (Document object Model) DOM은 웹 페이지 내의 모든 콘텐츠를 객체로 나타냅니다.(참고로 수정 가능) 브라우저는 HTML태그를 DOM(문서를 객체화한 구조)로 가지고 있씁니다. 브라우저에선 DOM API라는걸 제공해주는데 여기서 API란 Application Programming Interface를 의미합니다. 여기서 중요한것은 Application도 아닌 Interface입니다. 한마디로 DOM은 브라우저 엔진엔 올라가있는 메모리 구조입니다. DOM TREE HTMl에는 무수히 많은 태그들이 ..