인프런 커뮤니티 질문&답변

// const { chars } = new SplitText('.stage h1', { type: 'chars' });
function splitTextChars(elem) {
  const textElem = document.querySelector(elem);
  const letters = textElem.textContent.split('');
  let newHTML = '';
  letters.forEach(letter => {
    newHTML +=
      /* HTML */
      ` <div style="position:relative; display:inline-block">${letter}</div>`;
  });
  textElem.innerHTML = newHTML;
  return [...document.querySelectorAll(`${elem} div`)];
}
const chars = splitTextChars('.stage h1');

복습중에 유료플러그인이나 라이브러리 없이 써보고싶어서 만들어봤습니다 ! 맞는 코드인지는 모르겠지만 혹시 참고하실분이 계실까 싶어 남겨둘게요 !ㅎㅎ