[REACT] 글씨 타이핑 효과 내기

---

리액트에서 글씨 타이핑 효과 내기

 

 

 위에 처럼 타이핑 효과를 Javascript 또는 css 애니메이션을 통해 코드를 작성한다. 구글에 찾아보면 작성하는 방법들이 많이 나온다. 

  JS, CSS는 많이 나오지만 REACT에서 직접 코드로 작성하는 자료는 없어, 작성해 본다. ( 대부분 라이브러리를 사용하여 쉽게 작성하는 것 같다.)

 

 

 타이핑 될 문자를 txt로 정의해주고, REACT HOOK 중 useState와 useEffect를 사용한다.

 

 

 setInterval과 cleaerInterval을 사용하여 코드를 작성했다. JS에서 작성하는 것과 크게 다르진 않다. useState와 useEffect의 기본적인 형식만 알고있다면 REACT HOOK을 사용하여 보다 편하게 작성할 수 있다는 장점이 있는 것 같다.