라이브러리 소개 - 타이핑 이펙트

 

오늘 소개할 것은 바로 타이핑 이펙트이다.

어느 포트폴리오 사이트를 보다가 이런 이펙트가 있어서 되게 참신하다고 생각해서 

라이브러리를 찾아보다가 괜찮은 라이브러리가 있는 거 같아서 소개해 주려고 한다.

 

 

바로 이것이다.

www.npmjs.com/package/typing-effect-reactjs

typing-effect-reactjs

 

이게 쫌 다운로드 수가 적지만... 그래도 기능은 괜찮은 것 같다.

간단한 사용법은 

import { Typing } from 'typing-effect-reactjs';

 

라이브러리에서 Typing이라는 모듈을 가지고 온다.

 

 

그리고 출력할 문자 or 문자 배열을 선언해주고,

 

이렇게 넣어주기만 하면...!

 

처음에 나왔던 것처럼 쉽게 애니메이션을 사용할 수 있는 모습을 볼 수 있다.

사실 이런 이펙트는 js나 css로 구현할 수 있는데, 그게 어려운 사람들이 있을까 봐

구현하고는 싶은데 좀 힘들거나 시간이 없다 싶으면 이 라이브러리를 사용하는 것을 추천한다!