append? appendChild?

✅ append()?

👉 Element.append()

• 노드 객체(Node object) 삽입 가능

let div = document.createElement("div")
let p = document.createElement("p")

div.append(p)
console.log(div.childNodes)
// NodeList [p]

• DOMString(text) 삽입 가능

let div = document.createElement("div")

div.append("text")
console.log(div.textContent)
// text

• 한번에 여러 개의 자식 요소 삽입 가능

let div = document.createElement("div")
let p = document.createElement("p")

div.append("text", p)
console.log(div.childNodes)
// NodeList(2) [text, p]

✅ appendChild()?

👉 Node.appendChild()

• 노드 객체(Node object) 삽입 가능

let div = document.createElement("div")
let p = document.createElement("p")

div.append(p)
console.log(div.childNodes)
// NodeList [p]

appendChild는 노드 객체만 삽입이 가능하고,
append는 노드 객체, 문자열, 다중 값 삽입이 가능하다~
append는 Internet Explorer 지원이 안된닷..