`프론트엔드 개발자` 개형이의 벽돌집

이번에는 Chrome 114 에서 팝오버 Popover API 브라우저에서 제공해준다고 하여 이 것에 대해 알아볼 계획이다. 새로운 팝오버 API는 어떻게 사용할 수 있을까? Day 3 ㄱㅂㅈㄱ~! 팝오버 Popover 란? What is popover? 1. 팝오버는 "메뉴, 토글 팁, 대화 상자(dialog)에서 볼 수 있으며, 계정 설정, 정보 표시 위젯, 제품 카드 미리 보기 등의 형태로 나타나는 컴포넌트" 이다. 팝오버를 구현하기 위해서는 꽤 많은 것을 신경써야 한다. "포커스, 열기 및 닫기 상태, 컴포넌트에 액세스 가능한 훅, 진입 및 종료를 위한 키보드 바인딩" 등등.. 팝오버 기능을 제공하는 라이브러리나 UI 라이브러리 (Material UI, antd, etc..)가 있긴 하지만, 브라..