업무에서 svg를 사용해본적이 있는데 내가 사용했던 svg랑 너무 달라서 내가 아직 많이 모르고 있었음을 알게되었다. <svg><circle></circle></svg>
태그를 사용했다. 처음으로 사용해보아서 생소했다. stroke-dasharray
stroke-dashoffset
속성을 사용하니 리듬감있는 애니메이션을 만들수 있어 신기했다. 그리고 addEventListner
이벤트에서 transitionend
도 처음 사용해보았는데 애니메이션을 구현하는데 많은 도움이 될 것 같다.
강의에서 hook을 사용하지 않아 내가 스스로 hook으로 바꿔서 강의를 듣는중이다. 혹시라도 다음 과정에서 막힐까봐 걱정이 되긴 하지만..