간편하게 DOM 노드 복제

우마르 한사
Umar Hansa

DOM 노드 중복

이것은 기본적으로 잘라내기/복사하기 및 붙여넣기 작업입니다.

HTML을 거대한 문자열로 편집하지 않고도 DOM을 쉽게 변경할 수 있습니다.

  1. 노드를 마우스 오른쪽 버튼으로 클릭하고 Copy를 선택합니다.
  2. 코드 편집기에 붙여넣을 수도 있고, 프로토타입을 만들기 위해 DOM 트리의 다른 위치에 DOM 노드를 붙여넣을 수도 있습니다. 붙여넣은 노드는 현재 선택한 노드의 하위 요소로 삽입됩니다. 이 동영상에서는 왼쪽 화살표 키를 사용해 바로 상위 여는 태그로 바로 이동해 붙여넣습니다. 대부분의 경우 이 방법을 사용합니다.

DOM 노드를 잘라내 (마우스 오른쪽 버튼으로 클릭 > 잘라내기, Cmd + x/Ctrl + x)하여 붙여넣을 수도 있습니다. 이렇게 하면 노드를 이동하는 것과 같은 효과가 있습니다.

실험: 복사 및 붙여넣기 기법을 사용하여 사이트의 머리글/바닥글에 링크를 더 추가하고 레이아웃을 개선해야 할 지점을 파악해 보세요.