const draggables = document.querySelectorAll('.draggable');
const containers = document.querySelectorAll('.box');
draggables.forEach(draggable => {
    draggable.addEventListener('dragstart',()=>{
        draggable.classList.add("dragging")
        console.log(draggable.className)
    })
    draggable.addEventListener('dragend',()=>{
        draggable.classList.remove("dragging")
        console.log(draggable.className)
    })
});

containers.forEach(container =>{
    container.addEventListener('dragover',e =>{
        e.preventDefault();
        const draggable1 = document.querySelector("dragging");
        container.appendChild(draggable1);
        console.log('drag conplete')
    })

})'

코딩 병아린데 이거 왜 안되는 거죠...container.appendchild(draggable1)만 보시면 되는데 저게 노드가 아니라고 오류가 계속 뜹니다.. (Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.) 드래그 앤 드롭 설명해주는 블로그 에서 본 코드랑 똑같이 했거든요 근데 왜 안되죠?? 구글링으로 뒤져봐도 document에 클래스나 id 선택해서 추가해주는거 있던데 왜안되는지 도저히 이해가 안됩니다 살려주세요ㅠㅠ