[Korean FE Article] 팝오버(popover) API를 소개합니다

글 링크: https://ykss.netlify.app/translation/introducing_the_popover_api/

소개

팝오버는 웹의 여러 곳에서 쉽게 찾아볼 수 있으며, 여러 가지 형태로 사용되고 있습니다. 하지만 막상 팝오버를 구현하는 것은 생각만큼 간단하지는 않습니다. 팝오버의 오픈 상태와 포커스, 이벤트 등을 모두 고려해야 하기 때문에 때로는 번거로운 작업이 될 수 있습니다. HTML의 새로 등장한 API세트인 popover는 이러한 번거로움을 자바스크립트 없이 해결 해줍니다. 이 글을 통해 새로 등장한 popover가 어떤 API이고, 어떠한 특징들을 가지고 있으며, 우리의 번거로움을 어떻게 해결해 주는지 알아보면, 앞으로 팝오버를 유용하게 사용하는 데 도움이 될 것이라고 생각합니다. :)

목차

• 팝오버 속성

• 기본 값 및 오버라이드

• 자동 닫기 팝오버와 수동 닫기 팝오버

• 팝오버 스타일링

• popover와 dialog의 차이점

• 곧 출시 예정인 기능들

• 결론