프론트엔드(Front-end)의 로딩 애니메이션, 아직도 그런 빙글빙글 도는 스피너(spinner)를 사용하고 계신가요? 정말 지겹습니다.

GitHub 오픈 소스 프로젝트 하나를 소개해 드릴게요: math-curve-loaders, 수학적 곡선(mathematical curves)을 직접 로딩 애니메이션으로 구현했습니다.

장미 곡선(Rose curve), 리사주 곡선(Lissajous curve), 심장형 곡선(Cardioid), 순수 HTML+CSS+JS로 구성되어 의존성(dependency)이 없고 매우 가볍습니다.

가장 멋진 점은 각 애니메이션에 다음이 포함되어 있다는 것입니다:

1️⃣ 수학 공식
2️⃣ 실시간으로 조절 가능한 파라미터(parameter)
3️⃣ 클릭 한 번으로 코드를 복사하여 바로 사용 가능

수학 애호가와 프론트엔드 개발자가 드디어 손을 잡았네요.

🔗 https://t.co/M431thvtRX