간편하게 DOM 노드 복제

중복 DOM 노드

기본적으로 잘라내기/복사, 붙여넣기 작업입니다.

HTML을 긴 문자열로 수정하지 않고도 DOM을 쉽게 변경할 수 있습니다.

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

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

실험: 이 복사하여 붙여넣기 기술을 사용하여 사이트의 헤더/바닥글에 링크를 더 추가하고 레이아웃을 개선해야 하는 시점을 파악합니다.