즐겁게, 코드

requestAnimationFrame은 자바스크립트로 *애니메이션 효과를 쉽게 구현할 수 있는 API입니다. (* 이 글에서의 애니메이션이란, 프레임 단위로 픽셀을 재렌더링하는 행위를 의미합니다.) 기존의 자바스크립트 애니메이션은 setInterval 등을 사용해 1.5ms 마다 대상의 위치를 변경하는 등의 방법을 사용했지만, 디스플레이 주사율이 기기마다 다양해짐에 따라 이는 좋지 않은 경험으로 다가올 수도 있었습니다. setInterval을 사용한 애니메이션 position: 0 const car = document.querySelector("#car"); const value = document.querySelector("#value"); let xPos = 0; const render = () =..

웹 개발과 디자인은 뗄레야 뗄 수 없는 관계인데요, 이번에는 font-awesome을 활용해 간단하게 디자인을 꾸미는 방법을 알아보겠습니다. Font Awesome The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options. fontawesome.com Font Awesome(FA)은 수많은 아이콘을 자체 라이브러리뿐만 아니라 SVG, 유니코드 등 다양한 포맷으로 제공하는데요, 정말 다양한 종류의 아이콘을 무료로 제공할 뿐만 아니라 크기와 색상 등의 커스텀도 얼마든지 가능해 많은 사랑을 받고 있습니다. CDN을 통해 아이콘 사용하기 (* 21년 2월 기준 FA 버전..