DOM (240521)

🎉 오늘 한 일

☑️ 인터랙티브 자바스크립트 공부

💡 새로 알게 된 것

자바스크립트 복습 TIME

요소 노드에 대한 이동 프로퍼티

1. element.children - 자식요소노드
   element의 자식 요소 모음(HTMLCollection)

2. element.firstElementChild - 자식요소노드
   element의 첫 번째 자식 요소 하나

3. element.lastElementChild - 자식요소노드
   element의 마지막 자식 요소 하나

4. element.parentElement - 부모요소노드
   element의 부모 요소 하나

5. element.previousElementSibling - 형제요소노드
   element의 이전(previous) 혹은 좌측(left)에 있는 요소 하나

6. element.nextElementSibling - 형제요소노드
   element의 다음(next) 혹은 우측(right)에 있는 요소 하나

🤔 하루 돌아보기

insertAdjacentHTML 튜터님께 요 메서드 설명도 듣고 왔다.
메소드 이름 그대로 인접한 곳에 HTML을 삽입할때 사용하는 함수

element.insertAdjacentHTML(position, text);

position : beforebegin, afterbegin, beforeend, afterend만 사용할 수 있다는 점

text : 해당 위치에 삽입될 HTML 요소의 text값

오늘은 DOM 지옥에 빠지고 있다..!!
다 끝내보자......... DOM DOM

📝 내일 할 일

□ 인터랙티브 자바스크립트 공부 마무리
□ 15시 베이직반 수업
□ 리액트 기초 다지기