개발자 일기/일일회고 (TIL)

부트캠프 64일차 (CSS 애니메이션, 캔버스)

MS_developer 2022. 11. 22. 17:53

오늘의 생각

오늘은 "가볍게" CSS 애니메이션과 캔버스를 활용해 반응형 웹을 좀 더 가꾸어 보았다. 

 

캔버스를 활용하다 도저히 방법을 모르겠어서 결국 외부 라이브러리를 썼다. 엄청난 패배감이었다. useRef를 활용한 chart.js 활용법이 궁금했는데, 결국 알아내지 못해 세션 때에서야 알게 되었다. 

 

그래도 react-chart-js 2를 알게되어 유익한 하루였다. 라이브러리 최고...

 

 

함께한 페어분과의 공통 관심사가 "리그 오브 레전드" 게임이었기 때문에 테마를 게임 방향으로 잡고 진행했다.

 

전체적으로 시간이 짧다고 느껴져서 완성도를 높이긴 어려웠지만, 흥미가 있는 소재를 간략하게나마 기능 구현을 할 수 있어서 즐거웠다.

 


오늘의 키워드

CSS 애니메이션, @keyframes, 캔버스Canvas

 


오늘의 학습내용

  • CSS 애니메이션 작성법
  • CSS animation 속성들의 종류와 각 속성들의 특징
  • 캔버스Canvas 작성법 및 DOM을 활용한 조작 방식