Uncaught TypeError: Failed to execute 'appendChild' on 'Node'

아래처럼 newData를 appendChild에 넣어주면 리스트가 생성될 줄 알았는데 자꾸 에러가 났다.

var todo = `<div >${text}</div>`; // -> string
document.querySelector('#todo-list').appendChild(todo);

원인을 찾아보니, appendChild는 노드만 받기 때문에 문자열이 아닌 노드를 넣어줘야 원하는대로 출력할 수 있다.

var $div = document.createElement('div'); // -> node
$div.innerHTML = text;
document.querySelector('#todo-list').appendChild($div);