[SER] appendChild로 반복해서 html 노드를 여러개 만들려고 하는데 하나만 만들어지는 문제 해결

1. 문제 발견

    열린 인터넷창 사이즈에 따라 변하는 html body의 크기에 따라 일정한 사이즈의 div를 여러 개 만드려 했으나 마지막 하나만 반영되는 문제점 발견

 

2. 문제 해결

    Node.appendChild는 한 노드를 특정 부모의 자식 노드 리스트 중 마지막 자식으로 붙이는 것이다.

    따라서 주어진 노드가 이미 문서 어느 한 곳에 존재한다면 appendChild만 반복해서는 만드는 것이 아니라 계속 제일 마지막으로 옮기기만 하는 것!

    그래서 반복문 내에 Node.createElement까지 넣어야 이동이 아닌 복사를 시킬 수 있다.

 

3. 하고 싶은 말

    와씨 이거 하나 해결한다고 하루를 고민하다 MDN에서 발견했다.. 유레카..