CSS는 배우기 어렵지 않으며 CSS를 작성하는 것 역시 어렵지 않습니다. 하지만 CSS 개발을 하다 보면 'CSS를 이렇게 쓰는 게 맞는가?' 하는 의문이 들 때가 생깁니다. 처음 배울 때와 달리 점점 CSS를 다루는 방법들이 복잡해지고 다양해지다 보니 이제는 무엇이 좋은 CSS인지를 몰라서 CSS가 어려워진다는 느낌을 받았습니다. 그래서 이번 시리즈에서는 CSS의 역사를 짚어가면서 CSS의 발전방향을 짚어보고 가늠해보면서 앞으로 CSS를 어떻게 다루면 좋을지 생각해보려 합니다.
오늘은 Chart.js, 그리고 추가적인 스타일링을 가능하게 하는 어노테이션(Annotation) 플러그인의 사용 방법에 대해 새롭게 알게 된 바를 정리해보고자 합니다. 사실 공식 문서를 찾아보면 친절하게 설명이 되어 있긴 하지만, 한글로 작성된 자료는 거의 없었기 때문에 같은 환경에서 작업하시는 분들께 많은 도움이 될 것이라 생각합니다. 이 글이 Vue에서의 데이터 시각화 방법이 궁금하신 개발자분, 그리고 Chart.js와 플러그인을 어떻게 잘 활용할 수 있는지에 대해 궁금하신 개발자분들께 도움이 되기를 바랍니다.