툴팁 만들기

HTML내 툴팁 트리거 부분에 아래와 같이 data-bs~ 작성

<p class="mb-0 me-1 text-muted">조회수</p>
<p class="mb-0 me-1 text-muted" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="custom-tooltip" data-bs-title="로그인 중일 때만 조회수에 반영돼요" id="count-view"></p>
<img class="mb-0 me-1" src="./img/icon/info-circle.svg" />

스크립트 상단에 아래와 같이 작성하여 툴팁 initialize한다

      const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]');
      const tooltipList = [...tooltipTriggerList].map((tooltipTriggerEl) => new bootstrap.Tooltip(tooltipTriggerEl));

결과