D3 selection

• selection ... D3 가 DOM 을 조작할 때 사용하는 기본 객체 단위
• d3.select(selector)
  selector ... Element 직접 지정하거나 selector 를 넣음
  querySelector 로 DOM element 를 찾음
  인자와 일치한 가장 첫번째 요소로 Selection 객체를 구성 (일치하는 것을 찾지 못하면 빈 배열로 구성)
• d3.selectAll(selector)
  querySelectorAll 로 DOM element 를 찾음
  인자와 일치한 모든 요소로 Selection 객체를 구성
• selection.text([value])
  Selection 이 가리키는 element 들의 텍스트를 가져옴
  인자 값을 넣으면 해당 값으로 Selection 의 텍스트를 설정
• selection.attr(name [, value])
  Selection 이 가리키는 element 의 속성에 접근
• selection.style(node, name)
  Selection 이 가리키는 element 의 스타일을 설정
• selection.append(type) / selection.remove()
  Selection 이 가리키는 element 의 자식으로 요소를 추가 / Selection 이 가리키는 element 를 DOM 에서 삭제 (제거된 요소 반환)
  

회고

D3 라이브러리를 활용하여 간단한 막대 차트를 만들어 볼 수 있는 시간이었다.
각 값들을 사용할 때 어떤 부분들을 재사용 할 수 있을지 많은 고민을 해봐야 할 것 같다.