크롬 확장프로그램에서 popup과 background에서 chrome.storage api를 이용하여 local 저장소에 값을 저장하는 법을 알아보겠습니다. 이전 세팅 코드는 아래를 확인해주세요. 2023.03.24 - [프로그래밍 공부/크롬 확장프로그램 개발] - [크롬 확장프로그램]00.개발환경 세팅 및 개발자 모드로 실행시키기 [크롬 확장프로그램]00.개발환경 세팅 및 개발자 모드로 실행시키기 크롬 확장 프로그램 개발 세팅을 위한 파일 구성과 개발자 모드에서 실행시키는 방법을 소개합니다. 크롬 확장 프로그램이 manifest V3로 업데이트 되면서 api와 manifest.json 작성법이 바뀌어서 검색 zero-rabbit.tistory.com 변경된 파일 구조 chrome-extension-st..

크롬 확장 프로그램 개발 세팅을 위한 파일 구성과 개발자 모드에서 실행시키는 방법을 소개합니다. 크롬 확장 프로그램이 manifest V3로 업데이트 되면서 api와 manifest.json 작성법이 바뀌어서 검색하며 적용시키는 데 시간을 사용했습니다. 1. 파일 구성하기 chrome-extension-study/ ├── manifest.json └── popup.html manifest.json 파일 { "version": "1.0.0", "manifest_version": 3, "name": "chrome-extension-study", "description": "테스트 코드", "action": { "default_popup": "popup.html" } } popup.html 파일 Hello, ..

Content Security Policy (CSP) 컨텐츠 보안 정책 콘텐츠 보안 정책(CSP)은 웹 개발자가 웹 페이지에서 실행하거나 로드할 수 있는 콘텐츠 유형을 제한하는 일련의 정책을 지정할 수 있는 보안 메커니즘입니다. CSP는 XSS(교차 사이트 스크립팅), 클릭재킹 및 코드 삽입과 같은 다양한 공격을 방지하는 데 도움이 될 수 있습니다. CSP는 페이지에서 실행하거나 로드할 수 있는 콘텐츠 유형을 브라우저에 알리는 헤더 집합을 HTTP 응답에 추가하여 작동합니다. 헤더에는 스크립트, 스타일시트, 이미지 및 프레임과 같은 다양한 유형의 콘텐츠에 대해 허용되는 소스를 지정하는 지시문 목록이 포함되어 있습니다. 예를 들어 다음 CSP 헤더는 페이지와 동일한 출처 및 example.com 도메인의 ..