데이터 조인

데이터 조인이란?

Enter

• 입력(추가) 함.

• 새로운 데이터가 추가될 때, 해당 데이터를 바인딩하는 신규 요소에 대한 동작.

• ex) 시각적 요소와 데이터가 결합하여 데이터 시각화가 만들어지고, 해당 시각화가 웹페이지에서 나타남.

Update

• 업데이트 함.

• 기존에 존재하는 요소에 대한 업데이트 동작.

• ex) 버튼을 클릭하거나 슬라이더를 조종하면, 시각화가 바뀌면서 기존 요소의 위치가 아래로 밀려남.

Exit

• 나감(제거함).

• 더 이상 유효하지 않은(필요없는) 기준 요소들을 처리하는 동작.

• ex) 일부 데이터가 더이상 유효하지 않게 되면, 그 데이터를 보여주던 도형이 화면 바깥으로 사라짐.

selection.join

기본 동작

1. 신규 요소를 추가.

2. 필요없는 기존 요소는 제거.

3. 반환할 땐, 신규요소 + (유효한) 기존 요소를 정렬하여 모두 반환.

Key 함수

• selection에 데이터를 결합하는 방법을 설명함.

• selection의 객체 불변성을 유지하면서 새로운 데이터로 업데이트할 수 있음.

• key = 식별자

• 만일 key 함수를 지정하지 않으면 default로 배열 요소의 index가 설정됨.

정리