개인 노트 정리) Canvas - 1-01. 캔버스 소개

인터랙티브 웹 개발 Canvas 인강 정리

 

# Canvas

- HTML의 canvas 엘리먼트와 기본으로 제공하는 javascript의 canvas api를 활용하여 인터랙티브한 웹 개발을 할 수 있습니다.

 

## 프론트엔드 개발자에게 영감을 주는 사이트들

- https://www.pinterest.co.kr/

- https://www.awwwards.com/

- https://codepen.io/

- https://dribbble.com/

 

## 실제 활용 예시

- 사운드 비주얼 라이저를 만들어야 할 때.

- 실시간 데이터 수치를 실시간으로 표현하고 싶을 때.

- 지도 api에서 제공하지 않는 기능을 지도 위에 구현을 해야 할 때.

- 등등..

 

## 기타

- 캔버스에서는 파티클만 다룰수 있는 것이 아니라 마우스나 키보드 등의 javascript 이벤트를 활용하여 게임을 만들거나 시각적 효과를 주는 이펙트를 만들거나 하는 등 상상하는 모든 것을 만들 수 있습니다.