바닐라 JS로 드래그 앤 드롭 및 마그네틱 스내핑 기능... 노트

바닐라 JS로 드래그 앤 드롭 및 마그네틱 스내핑 기능을 갖춘 의존성 없는 사이드바를 만들었습니다.

ac_sidebar는 프레임워크, 빌드 단계 또는 외부 CSS 라이브러리 없이 작동하는 사이드바 컴포넌트를 위해 설계된 고유한 JavaScript 클래스입니다. 자체 CSS와 SVG 아이콘 세트를 직접 통합하여 완전히 독립적입니다. 이 컴포넌트는 재귀적 구조와 역할 기반 필터링을 갖춘 두 개의 메뉴 레벨을 제공하며, 메뉴가 비어 있으면 자동 숨김이 가능합니다. 왼쪽, 오른쪽, 위, 아래 또는 자석처럼 달라붙는 드래그 가능한 "무료" 모드의 다섯 가지 위치를 지원합니다.사이드바는 아이콘 레일로 축소되거나 버거 버튼 뒤에 숨겨질 수 있습니다. 또한 항목별 카운터 배지 기능이 있고, 단일 페이지에 여러 인스턴스를 지원하며, localStorage를 사용하여 상태를 유지할 수 있습니다. 개발자는 구성 객체로 ac_sidebar를 직접 인스턴스화하거나 외부 JSON 파일에서 로드할 수 있습니다.주목할 만한 특징은 구성 키와 값이 프랑스어로 되어 있다는 점으로, 프랑스어 사용 고객을 위해 원래 개발되었음을 반영합니다. 예를 들어, "left"에는 "gauche"가, "light"에는 "clair"가 사용됩니다. 이 클래스는 artisan-code.fr에서 유지 관리하는 독립적이고 종속성 없는 JS/PHP 클래스 모음의 일부입니다. 전체 프레임워크를 사용하는 것이 불필요하거나 과도한 프로젝트를 위해 특별히 제작되었습니다.