SMALL

목록css (1)

SMALL

yeonseong

CSS만으로 굴러가는 React 3D 주사위

만든 이유웹 페이지에 주사위 굴리는 연출을 넣고 싶었음 3D 주사위라고 하면 보통 three.js 같은 3D 라이브러리나 물리 엔진부터 떠올리게 됨 주사위 하나 굴리자고 무거운 의존성을 들이는 건 과하다고 생각함 해결CSS만으로 3D 주사위를 만들어서 React 컴포넌트로 npm에 배포함 사용법npm install react-roll-the-dice import { useRef } from 'react' import { Dice, type DiceHandle } from 'react-roll-the-dice' function Board() { const dice = useRef(null) return ( console.log(value)} /> ..
만든것들 2026. 9. 15. 11:19
이전 Prev 1 Next 다음