크롬 확장프로그램 익스텐션 관련해서...

구글에서 제공하는 크롬 확장프로그램...

developer.chrome.com

Chrome for Developers에서 제공하는 크롬 확장 프로그램(Chrome Extensions) 개발 문서의 시작 페이지입니다. 구글이 운영하는 공식 문서로, 확장 프로그램을 처음 만드는 방법부터 배포까지 필요한 자료를 모아 두었습니다. 첫 확장 프로그램 만들기 가이드와 동작 원리 설명, API·권한·매니페스트 레퍼런스, 샘플 코드를 제공하며, 사이드 패널과 테마, 탭·북마크·다운로드 관리, 콘텐츠 스크립트 같은 기능별 문서와 Chrome 웹 스토어 게시 가이드로 이어집니다. 크롬 확장 프로그램을 개발하거나 API 사용법을 찾는 웹 개발자에게 유용합니다.

Chrome 웹 스토어 - 확장 프로그램

chromewebstore.google.com

Chrome 웹 스토어의 확장 프로그램 카테고리 페이지다. Chrome 웹 스토어는 Google이 운영하는 공식 스토어로, 크롬 브라우저에 기능을 더하는 확장 프로그램을 검색하고 바로 설치할 수 있다. 이 페이지에서는 연간 인기 항목, 탭 관리·화면 분할 도구, GPT·Claude 등을 활용하는 AI 어시스턴트, 사이트 차단·집중 타이머 같은 업무 집중 도구, 날씨, 고전 게임 등 주제별 추천 모음을 보여 주며, 확장 프로그램마다 별점과 간단한 설명을 함께 확인할 수 있다. 크롬 브라우저를 업무나 학습에 더 편리하게 쓰기 위한 확장 프로그램을 찾는 사용자에게 유용하다.

클릭한번으로 웹페이지 주소를 저장할...

chrome.google.com

Google Keep Chrome 확장 프로그램의 크롬 웹 스토어 페이지입니다. Google Ireland가 배포하는 확장 프로그램으로, 웹을 둘러보다 마음에 드는 내용을 클릭 한 번으로 Google Keep에 저장할 수 있게 해 줍니다. 보고 있는 페이지의 링크뿐 아니라 선택한 텍스트와 이미지도 저장할 수 있고, 저장한 항목에 메모를 덧붙이거나 라벨을 달아 정리할 수 있습니다. 저장한 내용은 웹, 안드로이드, iOS의 Google Keep과 자동으로 동기화됩니다. 쇼핑 중 찜한 상품이나 검색하다 발견한 자료를 간편하게 모아 두고 싶은 크롬 사용자에게 유용합니다.

네이버 웨일 확장프로그램 API주소 입니...

developers.whale.naver.com

네이버 웨일 확장프로그램 API주소 입니다 크롬 확장프로그램과 많은 부분이 일치합니다

Chrome 웹 스토어 - 개발자 계약

chrome.google.com

Chrome 웹 스토어의 개발자 계정 등록 페이지다. Chrome 확장 프로그램이나 테마를 웹 스토어에 게시하려면 Google 계정으로 로그인한 뒤 이 페이지에서 개발자 계약에 동의하고 개발자로 등록해야 한다. 등록 과정에서 일회성 개발자 등록비 5달러(US$5)를 결제하며, 결제에는 Visa, Master, American Express 등 해외 결제가 가능한 카드를 쓴다. 결제가 끝나면 확장 프로그램을 올리고 관리하는 개발자 대시보드로 이동할 수 있다. 직접 만든 크롬 확장 프로그램을 웹 스토어에 배포하려는 개발자가 처음 거쳐야 하는 단계다.

게시글

팝업창 옆에 팝업창 띄우기

팝업창을 띄울때 top,left는 고정되는데 상대적인 위치에 팝업창을 띄우고자 할때 사용하는 방법 var nWidth = "260"; var nHeight = "430"; // 듀얼 모니터인경우 var curX = window.screenLeft; var curY = window.screenTop; var curWidth = document.body.clientWidth; var curHeight = document.body.clientHeight; var nLeft = curX + (curWidth / 2) - (nWidth / 2); var nTop = curY + (curHeight / 2) - (nHeight / 2); var strOption = ""; strOption += "left=" + nLeft + "px,"; strOption += "top=" + nTop + "px,"; strOption += "width=" + nWidth + "px,"; strOption += "height=" + nHeight + "px,"; strOption += "toolbar=no,menubar=no,location=no,"; strOption += "resizable=yes,status=yes"; window.open(src, '', strOption);

웹상에서 화면 캡쳐하는 플러그인

html2canvas.hertzen.com

포토샵과 같은 응용프로그램으로 화면을 캡쳐하는것이아닌 웹상에서 웹화면을 캡쳐하는 방법입니다 자바스크립트를 활용한 방법이기 때문에 브라우저 내부화면만 캡쳐가능한 단점은 있지만 웹상에서 캡쳐하여 이미지로 저장할수있다는 점은 활용도가 아주 높은 기술입니다 이미지 편집할때 화면 합성과 같은 곳에 아주 유용하게 사용할수 있습니다

비주얼스튜디오코드(vscode) 프로그램에...

hitomis.tistory.com

티스토리 블로그 hitomis에 2021년 1월 올라온 글로, 코드 에디터 VS Code(Visual Studio Code)에서 많이 쓰는 확장 플러그인 10가지를 추천하고 정리했다. 각 확장마다 어떤 기능인지 설명하고 설치 후 사용법을 함께 적었다. 예를 들어 첫 번째로 소개하는 Material Theme과 Material Icon Theme은 에디터 테마와 파일 아이콘을 바꾸는 플러그인으로, 설정 아이콘에서 Color Theme이나 File Icon Theme을 선택하는 방법과 고를 수 있는 테마 종류까지 안내한다. VS Code를 막 설치해 어떤 확장을 깔면 좋을지 모르는 개발 입문자나 작업 환경을 정비하려는 개발자에게 참고가 된다.