일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
- javascript
- 백엔드
- 프론트엔드
- SWIFT
- front-end
- react
- xcode
- html5
- iOS 개발자
- jQuery
- button
- 풀스택
- iPhone
- 비전공자
- effect
- 개발자
- Animation
- ipad
- 애니메이션
- hover
- 자바스크립트
- image
- IOS
- 비전공 개발자
- css3
- keyframes
- HTML
- php
- MAC
- CSS
- Today
- Total
목록Box (2)
비전공자 개발일기
Some feature Description of the awesome Feature Some feature Description of the awesome Feature Some feature Description of the awesome Feature Some feature Description of the awesome Feature Some feature Description of the awesome Feature Some feature Description of the awesome Feature html, body { width: 100%; height: 100%; margin: 0; padding: 0; background-color: #060606; } body { display: fl..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bXSnfz/btryQptwM6v/psnFU1kztMmvZfCH5ghyn1/img.png)
* npm i three @react-three/fiber * box.js import { useFrame } from "@react-three/fiber"; import { useState, useRef } from "react"; export default function Box({ color, ...props }) { const [isHovered, setIsHovered] = useState(false); const ref = useRef(); useFrame(() => { ref.current.rotation.x += 0.01; ref.current.rotation.y += 0.01; }); return ( { setIsHovered(true); }} onPointerOut={() => { se..