DOM

어승준·2023년 10월 29일

JS 스터디

목록 보기
26/26
post-thumbnail

📌 이벤트 버블링에 대해서 설명해주세요.

이벤트 버블링

  • 특정 화면 요소에서 이벤트가 발생했을 때 해당 이벤트가 더 상위의 화면 요소들로 전달되어 가는 특성을 의미한다.

이벤트 캡쳐

  • 이벤트 버블링과 반대 방향으로 진행되는 이벤트 전파 방식

📌 DOM 트리 최상위 노드가 무엇이며, 그것의 특징을 말해주세요

  • 문서 노드는 DOM 트리의 최상위에 존재하는 루트 노드로서 document 객체를 가리킨다.
  • document 객체는 브라우저에서 HTML 문서를 표현하며, 모든 자바스크립트 코드는 이 하나의 document 객체를 공유하여 DOM 트리의 노드들에 접근하고 제어할 수 있습니다.

📌 이벤트 위임이 무엇인가요?

  • 하위 요소에 각각 이벤트를 붙이지 않고 상위 요소에서 하위 요소의 이벤트들을 제어하는 방식

📌 HTML 어트리뷰트와 DOM 프로퍼티의 차이는 무엇인가요?

HTML 어트리뷰트

  • 애트리뷰트는 HTML에 의해 정의됩니다.
  • 애트리뷰트의 타입은 문자열(string)입니다.

DOM 프로퍼티

  • DOM은 JavaScript 객체입니다.
  • 사용자 정의 프로퍼티가 아닌 경우 점 표기법 및 대괄호 표기법으로 가져올 수 없습니다.
  • 기본 값이 존재하는 애트리뷰트는 값을 변경할 수 없습니다.

📌 DOM 조작 시 어떤 점을 주의하며 개발했는지 말해 주세요. 없다면 DOM 조작 시 주의해야 할 사항에는 어떤 것이 있는지 말해 주세요.

  • 사용자가 입력한 텍스트를 동적으로 HTML에 추가할 때, 사용자 입력이 그대로 출력되면 보안 취약점이 발생할 수 있습니다
  • 이벤트 리스너를 동적으로 추가하고 제거하지 않는 경우 메모리 누수가 발생할 수 있습니다.
profile
鈍筆勝聰(둔필승총) : '둔한 붓이 총명함을 이긴다' (서툴더라도 기록으로 남기는 것이 사람의 기억보다 훨씬 오래 보전된다) - 정약용

0개의 댓글