[TIL] 0517

바닐라 js과제 연습

• input 속성에 autofocus을 작성해주면 자동으로 포커싱이 된다.
• replace를 사용해 특정 글자에만 태그를 씌워주도록 구현

  highlightText(word, highlightText) {
    return word.replace(
      highlightText,
      `<span class="Suggestion__item--matched">${highlightText}</span>`
    );
  }

• 디바운스 적용

선언적으로 코드를 짜고 싶은데 기능들을 함수로 분리할 때 순수 함수로 깔끔하게 추상화하는 것과 함수명을 적절하게 짓는 것이 어려웠다.