23/03/04 새벽 1시경 현재 이진트리에서 노드간 이어지는 라인을 그리는 효과를 추가했다. 여기서 발견한 문제점은 1. stroke-dasharray 및 dashoffset을 활용하여 애니메이션을 추가해야한다. 2. 그러나 해당 line은 노드의 위치가 유동적으로 바뀌는 path로 그려지는 svg이다. 3. pathLength를 활용하기 전, path를 만들기 전에 불러진다. 4. 또한 유동적으로 바뀌기에 tag나 css에서 간단하게 사용하기가 힘들다. 여기서 우리는 간단하게 해결을 하였다. 3번 문제점 -> 해당 문제는 pathLength를 활용하기위한 방도를 찾는게 아니라, 미리 알고있는 좌표값을 통해 곡선의 길이를 구하였다. Math.sqrt( (x2-=x1)*x2 + (y2-=y1)*y2 ) ..