- Keyword
Data / Event / Json / Canvas / Graph / Donut Chart
기업 과제 중 제공되는 Json file을 import 해서 사용했다.
그냥 import만 하면 끝이라 간단했지만 이걸 사용해도 되는지 의문이다.
Data parsing을 효율적으로 하는 로직 짜는 것이 생각보다 힘들다.
enter key와 mouse click을 동시해 할 수 있는 input을 구현하였다.
if (e.type === "click" || (e.type === "keyup" && e.key === "Enter"))이렇게 해도 되려나..
input에 onBlur event 때문에 modal에 있는 list onClick event가 발생하지 않았는데, onClick 대신에 onMouseDown으로 해결하였다.
꺾은선 그래프와 원형 차트를 라이브러리 없이 구현하였다.
Canvas를 저번에 써봤어서 나름 쉽게 할 줄 알았는데 beginPath()를 안 해줘서 옵션이 제대로 적용이 되지 않았었다.
원형 차트는 conic-gradient를 이용하여 각도에 따라 색을 칠해주는 식으로 구현하였다.
- 오늘 하루 느낀 점
늘 느끼는건데 진짜 로직 구현하는 것보다 CSS가 더 힘든 것 같다.
시간 상 오늘이 마지막 과제날인데, 자고 일어나서 끝까지 마무리 잘하도록 해야겠다.
요구 조건을 모두 충족하지는 못할 것 같지만 끝까지 하자 덕분에 많이 배웠으니
반응형