Typewriter Text

보통

타자기 효과 텍스트 애니메이션

#animation#javascript#typewriter

라이브 데모

Typewr|

코드

TypewriterText.tsx

const [text, setText] = useState('');
const fullText = 'Typewriter Effect in Action';
useEffect(() => {
  if (text.length < fullText.length) {
    setTimeout(() => setText(fullText.slice(0, text.length + 1)), 100);
  }
}, [text]);