에지(Edge) 브라우저에서의 확장 프로그램 기본 구조는 크롬(Chrome) 브라우저와 매우 유사합니다. 기본적으로 확장 프로그램은 아래와 같은 구성 요소로 구성됩니다.
manifest.json 파일: 확장 프로그램의 메타데이터가 포함되어 있습니다. 이 파일에는 확장 프로그램의 이름, 버전, 아이콘 등과 같은 정보가 포함됩니다.
백그라운드 페이지(Background Page): 확장 프로그램이 실행 중일 때 항상 실행되는 JavaScript 파일입니다. 백그라운드 페이지는 확장 프로그램의 핵심 기능을 처리하고, 이벤트를 처리하며, 브라우저와의 상호작용을 관리합니다.
컨텐츠 스크립트(Content Script): 브라우저의 웹 페이지에서 실행되는 JavaScript 파일입니다. 이 스크립트는 웹 페이지의 DOM을 조작하거나, 새로운 HTML/CSS를 삽입하거나, AJAX 요청을 보내는 등의 작업을 수행합니다.
팝업 페이지(Popup Page): 확장 프로그램의 버튼을 클릭할 때 표시되는 작은 창입니다. 이 창에는 사용자가 입력한 정보를 처리하는 기능을 구현할 수 있습니다.
옵션 페이지(Option Page): 확장 프로그램의 설정을 변경할 수 있는 페이지입니다. 이 페이지에서는 사용자가 원하는 설정을 저장하고, 확장 프로그램의 동작 방식을 변경할 수 있습니다.
아이콘(Icon): 확장 프로그램을 나타내는 이미지입니다. 이 아이콘은 브라우저의 툴바에 표시되며, 사용자가 확장 프로그램을 클릭하여 사용할 수 있습니다.
이러한 구성 요소를 조합하여, 다양한 기능을 갖춘 확장 프로그램을 개발할 수 있습니다.