요소 추가하기

d3 insert 잘 사용하자

 

d3에서 특정 요소 하위에 다른 요소를 집어 넣는 방법은 크게 2가지가 있다.

 

append & insert

dom의 appendChild와 insertBefore와 같은 동작이다. append는 맨 뒤에 넣고, insert는 앞에 넣고!

단, 오늘 insert를 처음 사용하면서 실수한 건 insert는 2개의 인자를 받는데

1. type, tag 이름이 들어간다.
2. before, 뒤에 올 특정 선택자(css 선택자 사용)

여기에서 before 부분을 이해를 잘못해서 삽질을 했다. 문서를 잘 읽어야지...

CSS 선택자를 사용해야 한다!