※ 이 글은 예전 블로그에서 퍼왔으며 2020.3.4.에 작성된 글입니다. View HTML5 Canvas 연습작으로 만들어 보았다. 아직 Canvas로 인터렉션을 구현하는건 조금 어려운 것 같다..;; 아직은 어떻게 사용해야 할지 이게 맞게 한건지 잘 모르겠지만 계속 공부해 봐야겠다. PixiJS 라는 신박한 것도 있던데 한 번 공부해 보고 싶다. Link Window jeongwoo903.github.io 알게 된 것 ​ 1. 브라우저의 Width나 Height 값을 알고 싶다면 다음 코드를 이용하자. window.innerWidth; window.innerHeight; 2. Canvas Gradation 사용법 const grd = context.createLinearGradient(startX, ..

※ 이 글은 예전 블로그에서 퍼온 글입니다. 가독성이 나쁘다면 예전 블로그에서 읽어주세요. ※ 이 글은 프론트엔드 개발자를 위한 자바스크립트 프로그래밍의 글을 참고한 것입니다. 브라우저 객체 모델 (BOM, Browser Object Model) - BOM은 웹 브라우저와 관련된 객체의 집합을 의미합니다. - BOM은 웹 페이지 콘텐츠와 무관하게 브라우저 기능을 노출하는 객체입니다. - 간단하게 문서 객체 모델 (DOM, Document Object Model)이라 통합해서 부르기도 합니다. BOM에 대한 명확한 명세(내용)가 없는 기간이 길었다 보니, 브라우저 제조사들은 자신들이 원하는 대로 BOM을 확장했고 이에 따른 좋은 점도 있었지만 문제점들도 많이 생기게 되었습니다. window 객체 - win..