[ localStorage에서 데이터 얻기 ] 필요한 데이터를 이미 웹 페이지에서 localStorage에 저장하고 있었음! → localStorage 내용 얻어오기 1. 데이터 가져올 Tab의 ID 얻기 chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab)=>{ if(changeInfo.status === 'complete'){ if(tab.url.includes("URL주소"){ globalTabId = tabId; } } }); 사용자가 미리 지정된 URL에 접속할 경우, 해당 탭의 ID를 저장 해당 프로젝트에서는 탭의 상태를 유지해야 하기 때문에 전역변수로 저장 후 활용 2. localStorage 가져올 Script 주입 chrome.scrip..
[ manifest.json ] 사용자의 Tab 정보를 활용하여 화면을 제어하기 때문에, permissions을 추가 /* manifest.json */ ... "permissions": [ "...", "tabs", "scripting" ], "host_permissions":[ /* 특정 URL에 script 주입을 위한 권한 */ "http://*/", "https://*/" ], ... [ Background JS ] 다양한 브라우저 event들을 monitoring하여 작업을 수행하는 코드를 작성한다 탭 URL 변경 감지 chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab)=>{ if(changeInfo.status === 'complete')..
Chrome Extension 만들기 - 1 💡 Chrome Storage를 활용한 Extension의 CRUD [ 환경 ] [FE] HTML / CSS [BE] Javascript / JQuery [DB] Chrome Storage Chrome Extension ( MV3 ) [ manifest.json ] Chrome Extension의 뼈대같은 존재인 manifest.json 작성! manifest만 작성해도 Chrome Extension에 올려 앱을 확인할 수 있다. { "name": "Docong", "description": "Docong Extension", "version": "1.0", "manifest_version": 3", "action": { "default_popup": "pop..
문제 (Gold 1) https://www.acmicpc.net/problem/2233 2233번: 사과나무 첫째 줄에 정점의 개수 N(1 ≤ N ≤ 2,000)이 주어진다. 둘째 줄에는 벌레가 만드는 2×N자리의 이진수가 주어진다. 셋째 줄에는 썩은 사과의 위치를 나타내는 두 정수 X, Y가 주어진다. 이는 2×N자리 www.acmicpc.net 풀이 트리는 어렵다!!!!!!!!!!!!!!!!! 전체 로직 1. parent 배열과 root 배열 채우기 Stack을 이용하여 트리 만들기 이진 배열을 비교하며 삭제하고자 하는 노드의 '실제 인덱스' 구하기 2. 가장 가까운 공통 조상 구하기 parent배열을 사용한 재귀 기저조건: 루트까지 왔을 경우 or 다른 노드가 이미 방문 했던 노드를 방문할 경우 로..