SYDev

1. popup.html Extract Text -> 위와 같이 "extract" id를 가진 버튼 html 상에 생성 2. popup.jsdocument.getElementById('extract').addEventListener('click', () => {...});-> popup.js에서 getElementById() method로 해당 버튼을 클릭했을 때 반응할 수 있도록함 3. server.jsfunction sendTextToServer(textData) { fetch('http://localhost:3000/api/submit', { method: 'POST', headers: { 'Content-Type': 'application/json' }, b..

DocumentDocument: 브라우저가 불러온 웹 페이지를 나타냄 -> 페이지 콘텐츠(DOM 트리)의 진입점 역할을 수행DOM 트리는 , 및 여러 다른 요소를 포함페이지 URL을 얻거나, 문서에 새로운 요소를 생성하는 등의 기능을 전역적으로 제공Document -> Node -> EventTarget문서의 유형(HTML, XML, SVG 등)에 따라 다양한 API 존재Document: evalute() methodDocument.evalute(xpathExpression, contextNode, namespaceResolver, resultType, result)xpathExpression: xpath 표현식resultType: 반환 타입 - ORDERED_NODE_SNAPSHOT_TYPE: 모든 ..

Chrome ExtensionGoogle Chrome Extension: 구글 크롬 브라우저를 수정하는 브라우저 확장 프로그램HTML, JavaScript 및 CSS 기반으로 작성됨크롬 웹 스토어를 통해 다운로드 가능 Chrome Extension ArchitecturemanifestBackground ScriptUI ElementsContent ScriptOptions page Manifest확장 프로그램에 대한 정보들과 사용할 js, 접근할 url, 권한 설정 확장프로그램의 기본적인 정보와 설정 Background Scriptextension에 필요한 Browser Event Listener 포함이벤트가 발생할 때까지는 유휴 상태에서 로직 수행Background Script는 필요할 때만 로드mani..