팝오버를 라이브러리 없이 웹 API로 구현하는 법, Popover API
1. popover를 아시나요? 팝오버는 도움말과 같이 요소에 대한 부연 설명을 창으로 표시할 때 주로 쓰이는데, 아래 이미지는 Bootstrap의 popover 예시이다. 이제까지 popover를 구현하기 위해 개발자가 처음부터 코드를 짜거나 라이브러리를 써야했다. 하지만 2023년에 Popover API가 출시되면서, 별도의 라이브러리 없이 웹 API로 팝오버를 구현할 수 있게 됐는데 Popover API는 어떤 특징을 가지며 어떻게 사용하는 지 한 번 알아보자! 2. Popover API 알아보기 1) 특징 💡 2023년에 출시된 Popover API의 경우 아래와 같은 특징을 가진다. 상위 레이어로 인식 팝오버는 웹 페이지에서 별도의 레이어에 위치한다. 그러므로 z-index를 설정하지 않아도 상..
2023. 9. 17.
