이것은 기본적으로 잘라내기/복사하기 및 붙여넣기 작업입니다.
HTML을 거대한 문자열로 편집하지 않고도 DOM을 쉽게 변경할 수 있습니다.
- 노드를 마우스 오른쪽 버튼으로 클릭하고 Copy를 선택합니다.
- 코드 편집기에 붙여넣을 수도 있고, 프로토타입을 만들기 위해 DOM 트리의 다른 위치에 DOM 노드를 붙여넣을 수도 있습니다. 붙여넣은 노드는 현재 선택한 노드의 하위 요소로 삽입됩니다. 이 동영상에서는 왼쪽 화살표 키를 사용해 바로 상위 여는 태그로 바로 이동해 붙여넣습니다. 대부분의 경우 이 방법을 사용합니다.
DOM 노드를 잘라내 (마우스 오른쪽 버튼으로 클릭 > 잘라내기, Cmd + x/Ctrl + x)하여 붙여넣을 수도 있습니다. 이렇게 하면 노드를 이동하는 것과 같은 효과가 있습니다.
실험: 복사 및 붙여넣기 기법을 사용하여 사이트의 머리글/바닥글에 링크를 더 추가하고 레이아웃을 개선해야 할 지점을 파악해 보세요.