포포 일상 블로그

우연히 마우스 효과를 보게 되어 만들어보고 싶다는 생각이 들어 만들게 되었다. 마우스를 따라다니는 원들의 집합인데 사진보다는 실제로 보면 훨씬 이쁘다. 바로 시작하겠다. html을 설정한다. 이번에는 모듈로 사용해서 코드를 작성해봤다. html을 설정은 이게 끝이다. 바로 js 모듈로 넘어간다.. app.js import Circle from "./Circle.js"; export default class App { constructor() { this.canvas = document.getElementById('canvas'); this.ctx = this.canvas.getContext('2d'); this.width = window.innerWidth; this.height = window.inne..

안녕하세요. 캔버스 API를 활용해서 우주를 만들어보도록 하겠습니다. 이번에 만들어볼 것은 간단하게 우주 느낌을? 만들어보려고 합니다. 요런 식입니다. 위 이미지는 움직이지는 않지만 뭔가 움직이는 것 같네요. 시작하겠습니다. html 간단하게 설정하는 방법은 지금 프로젝트와는 상관없지만 push-pop.tistory.com/7?category=916679 typescript 스터디 3. 사용해서 아코디언 메뉴 만들기 1. 구글에 아코디언 메뉴 만들기 예제를 검색한다. 2. 복 붙 한다. 는 장난이였고, 직접 만드는 것을 좋아해서 삽질을 차근차근해보도록 하겠습니다. 에디터는 자유지만 저는 vscode를 사용하였습 push-pop.tistory.com 아코디언 만들 때 조금 자세하게 설명해놨어서 참고하시면 ..