Bootstrap 마지막 포스팅은 성능 최적화 입니다!

필요로 하는 기능만 가져와서 사용 (sass, javascript에 적용)

Optimize

sass에서는 /bootstrap 전체를 import해도 성능에 큰 차이가 없지만,
js에서는 성능의 차이가 눈에 띌 수 있으므로 bootstrap.bundle 대신 bootstrap/js/dist/dropdown 형태로 필요한 것만 가져와 사용하고, (이때 export는 default)
component 사용 시 우측에 via JavaScript라는 파트가 없으면 초기화가 필요 없는 것으로 간주 (이외의 methods 사용 시에는 필요할 수도)

주의할 점

• 대신 bundle에 묶여있던 popper.js가 없어지므로 npm i @popperjs/core를 통해 따로 설치 필요
• document.getElementById('abc') = document.querySelector('#abc') 같은 역할