1. FE 개발 도구 1. Allow CORS: Access-Control-Allow-Origin https://chrome.google.com/webstore/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf?hl=ko Allow CORS: Access-Control-Allow-Origin Easily add (Access-Control-Allow-Origin: *) rule to the response header. chrome.google.com 'Allow CORS: Access-Control-Allow-Origin' 확장에 대해 자세히 알아보기 전에 먼저 CORS가 무엇인지 이해해 보겠습니다. CORS는 웹사이트가 다른 도메인이..

크롬 확장프로그램에서 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 도메인의 ..

Mac OS 업데이트 이후 git을 재설치하라고 해서 재설치 했더니 아래같은 에러가 발생했습니다. xcrun: error: invalid active developer path (/Library/Developer /CommandLineTools), missing xcrun at: /Library/Developer /CommandLineTools/usr/bin/xcrun 해결책 아래의 명령어를 터미널에 입력하면 해결! $ xcode-select --install

우연과 상상(2021) - 하마구치 류스케 22.05.09 별점 4.0/5.0 1부. 마법(보다 더 불확실한 것) 마법같은 밤이었다고 한다. 두 사람의 감정이 말로 설명할 수 없는 그런 마법같은 하룻밤일 수 있다. 집에 가는 길에 택시를 타고 둘이 앉아 이야기를 나누는 롱테이크는 친구의 연애 이야기를 듣는 것처럼 대화에 빠져들게 만든다. 친구가 먼저 택시에서 내리고 다시 왔던 길을 돌아가는 건 그런 마법같은 일이 우연히도 내 절친과 내 전 남친의 일이기 때문이다. 2년만에 재회하게 되는 이유는 우연이 만들었다. 헤어진 두 연인이 단 둘이 사무실에서 이야기를 다시 나눈다는 건 마법보다 더 불확실한 것이 될 수 있다. 전 남친이 전 여친을 뒤에서 포옹하다가 우연찮게 직원에게 들키고 전 여친은 도망치듯 사무실..