크롬 확장프로그램 만들기 / 사전 지식과 준비물 / Chrome Extensions

-

크롬 확장프로그램 만들기를 위해 필요한 것은 개발툴은 비주얼스튜디오코드와 웹개발을 위한 html, css, javascript 그리고 크롬 확장프로그램 개발 안내서 정도만 있으면 된다. 웹에 대한 지식만 있다면 크롬 확장프로그램 만들기는 진입장벽이 낮아질 것이다. 만약 웹개발 지식이 부족하다면 크롬 확장프로그램와 같이 공부해도 무방하다.

크롬 확장프로그램 만들기 / 사전 지식과 준비물 / Chrome Extensions
크롬 확장프로그램 만들기
사전 지식과 준비물
Chrome Extensions

크롬 확장프로그램 만들기
사전 지식과 준비물
Chrome Extensions

크롬 확장프로그램에 관심이 있고, 자작 프로그램을 제작하여 배포하고 싶은 것은 개발자라면 도전해봐도 좋은 과제다.
크롬 확장프로그램을 만드는 방법은 튜토리얼이나 예제 등을 보면 접근하는 것은 어렵지 않다.
이미 가지고 있는 지식 등을 이용하면 되며 html, css, javascript 만 알고 있으면 된다.
html, css, javascript 는 이미 웹개발에 필요한 것이기에 진입장벽은 낮다.
다만, 현재 크롬 확장프로그램의 manifest ( 명세서 ) 버전은 3 이기에 기존의 버전 2 튜토리얼 등은 참고만 하는 것이 좋다.

웹브라우저의 기능 확장

크롬 웹브라우저의 확장프로그램은 웹브라우저가 가진 기능들을 더욱 풍부하게 해 준다.
과거부터 지금까지 나름 오래되었고, 유틸리티부터 게임까지 다양하다.
개발자라면 한번쯤 학습할 분야이기도 하며, 회사라면 마케팅 등의 용도로 사용해도 좋다.
활용범위는 다양하다.
특히, 개발자들을 위한 유틸리티 등도 많이 있으며, 블로그나 마케팅을 위한 툴들도 많이 있다.
일단 크롬 웹스토어를 방문하여 어떤 프로그램들이 있는지 확인해 보도록 하자.

매니페스트 v3

현재 크롬 웹브라우저를 위한 확장프로그램을 개발하려면 매니페스트 ( manifest.json ) 의 이해가 필요하다.
현재 버전 3 을 기준으로 구글은 설명하고 있으며 과거의 버전 2 들은 일부 크롬 웹브라우저에서 실행되지 않을 수 있다.
매니페스트 파일은 크롬 확장프로그램이 어떤 것인지 설명하는 명세서와 같은 파일이며, 이전의 강의들이 버전 2 라는 점에서 오류가 발생할 수 있다.
하지만, 달라진 점은 크게 없으며, 다만 버전 2로 만들어진 크롬 확장프로그램의 매니페스트 파일의 내용을 수정해 주는 것으로 예제 등을 따라할 수 있다.

필요한 것들 / 준비물

크롬 확장프로그램 만들기를 위해 필요한 것은 이미 알고 있는 웹개발지식과 개발툴, 안내서 등을 참고하면 된다.
당연히 크롬 웹브라우저는 필수로 가지고 있으면 되며, 비주얼 스튜디오 코드 ( VisualStudio Code ) 로 확장프로그램을 개발 할 수 있다.
만약, 웹에 대한 지식이 없다면 W3Schools 을 방문하여 내용을 살펴보자.
의외로, 쉽게 설명이 되어 있을 것이다. 양이 많아서 문제지만 말이다.
아래는 크롬 웹브라우저의 확장프로그램 만들기를 위해 필요한 내용이다.

위치: 대한민국 서울특별시

댓글

댓글 쓰기

이 블로그의 인기 게시물

귀문과 혼문 뜻 어떤 영(靈)들이 드나드는 문

-
이미지
무속에는 ` 귀문과 혼문 `이란 영적 존재들이 드나드는 문이 있다고 한다. 단어 그대로 ` 귀문은 귀신이 드나드는 문 `을 ` 혼문은 혼백이 드나드는 문 `을 의미한다. 귀문은 보통 부정적인 의미가 강하고, 사람들이 신경쓰는 부분이며, 혼문은 중간적인 의미가 강하다. 특히, 애니메이션 ` 케이팝 데몬 헌터스 `에서 귀문과 혼문이란 단어가 언급되어 궁금증을 자아낸다. 애니메이션에서 언급한 ` 귀문과 혼문 `은 각각 부정과 긍정의 비유를 들고 있다. 정확한 표현을 알고자 하면 한문과 영어를 함께 비교해 보면 된다. 귀문과 혼문 뜻 어떤 영(靈)들이 드나드는 문 The Meaning Of Ghost Gate Or Soul Gate / 귀문과 혼문 뜻 어떤 영(靈)들이 드나드는 문 무속에 대해 관심이 있다면 ` 귀문, 혼문 `이란 단어를 한번쯤 봤을 것이다. 보이지 않는 모든 영들은 현실세계를 드나들 때 그들만의 문(door)를 사용한다. 영화나 드라마 혹은 무속과 관련된 내용들을 보면  같은 시간대에 같은 공간을 다른 차원들이 공유되는 것 같고, 어떤 존재가 서로 다른 차원을 이동하기 위한 어떤 문이 존재하는데, 이것을 무속에서 ` 귀문 혹은 혼문 `이라 칭하는 듯 하다. 여기서는 ` 차원 `이라 언급했지만, 무속에선 ` 사후세계 `로 이해할 수 있다. `귀문과 혼문`은 어쨌든 ` 문 `이며, 귀신 또는 혼령이 공간을 이동할 수 있는 수단을 의미한다. 이것을 구체적으로 알기 위해 한자와 영어 단어를 같이 살펴볼 필요가 있다. 케이팝 데몬 헌터스 ( 케데헌 ) KPOP Demon Hunters ` 귀문과 혼문 `이란 단어를 사람들이 접한 계기라면 아마도 2025년 넷플릭스에서 공개한 애니메이션 ` 케이팝 데몬 헌터스 (케데헌 / KPOP Demon Hunters) `일 것이다. 애니메이션에서 언급하는 `귀문과 혼문`의 의미는 명확하다. 사람들의 혼을 뺏기 위해 인간 세상에 오는 악귀들은 ` 귀문 `으로 악귀들을 막기 위해 사람들의 영(령)을 정화...
자세한 내용 보기

윈도우 캡쳐 이미지 자동 저장 위치 찾기

-
이미지
윈도우 사용시 ` 캡쳐 도구 `를 사용해 화면을 캡쳐하면 자동 저장 되며, ` 윈도우 탐색기 `의 좌측 메뉴의 ` 사진 `폴더의 ` 스크린샷 `를 클릭하면  과거부터 지금까지 캡쳐한 모든 이미지를 볼 수 있다. 폴더 위치를 확인했다면 필요없는 파일들은 삭제하도록 하자. 사용할 수 있는 드라이브 용량을 늘릴 수 있다. 윈도우 캡쳐 이미지 자동 저장 위치 찾기 윈도우 캡쳐 이미지 자동 저장 위치 찾기  / Windows Capture Save Location 컴퓨터를 하다보면 캡쳐할 일이 생긴다. 윈도우는 여러가지 캡쳐 도구를 제공하며, 보통 단축키 `Shift+윈도우키+S`키를 활용한 캡쳐를 이용할 것이다. 하지만, 캡쳐를 한 후 보통 이미지가 저장된다고 생각하지 않지만, 실제로 윈도우는 ` 캡쳐 후 자동 저장 `한다. 먼저, 자신이 최소 1번이라도 윈도우 캡쳐를 했다면 ` 윈도우 탐색기를 열고, 좌측 메뉴의 사진 폴더를 선택 후 우측의 스크린샷 폴더 `를 선택해 보자. 지금까지 캡쳐한 이미지들이 저장되어 있을 것이고, 사용하지 않는 이미지들이 용량을 차지하고 있는 것을 볼 수 있다. 탐색기 > 사진 > 스크린샷 Shift + 윈도우키 + S / 윈도우 캡쳐도구 단축키 윈도우에서 화면을 캡쳐할 때 사용하는 단축키는 ` Shift + 윈도우키 + S `이다. 화면을 캡쳐하는 목적이야 여러가지가 있지만, 보통 화면 전체를 또는 일부를 스크린샷하여 저장할 필요가 생긴다. 윈도우 캡쳐 도구를 사용하기 위한 단축키는 아래와 같다. 윈도우 캡쳐 단축키 캡쳐는 했지만, 이미지가 저장되어 있는지 확인을 하고 싶을 수 있다. 보통은 자신에게 익숙한 그림판 또는 파워포인트 등에 붙여넣기 하고 사용했을 것이다. 윈도우에 대한 별도의 설정을 하지 않았다면, 윈도우 캡쳐는 자동 저장이 기본 설정이며, ` 사진 > 스크린샷 `폴더에서 캡쳐된 모든 이미지를 볼 수 있다. 캡쳐 이미지 찾아보기 윈도우에서 화면을 캡쳐하면 자동 저장된다. 이미지가 자동 저장되었...
자세한 내용 보기

포토피아 모자이크 효과 만들기 인터넷 포토샵 사용

-
이미지
이미지에 모자이크(Mosaic)를 적용하면 특정 부분을 왜곡하여 가리고 노출을 방지할 수 있다. 포토피아 (Photopea)에서 선택도구와 필터를 사용하면 모자이크 효과를 적용할 수 있다. 간단하다. 모자이크를 설정할 이미지의 특정영역을 선택도구로 선택한 후, 필터에서 모자이크 항목을 선택하면 된다. photopea 모자이크 효과 만들기 인터넷 포토샵 사용 Creating a Photopia Mosaic Effect Photopea 모자이크 효과 만들기 인터넷 포토샵 사용 블로그나 웹사이트 등 콘텐츠를 발행할 때  특정 업체, 지명 또는 인명 등의 정보는 민감하고 가릴 필요가 있다. 물론, 이런 이미지들을 사용하는 경우는 거의 없을 것이지만 말이다. 이미지의 특정 부분을 모자이크 하면 그 부분은 왜곡이 되고, 노출과 공개를 방지할 수 있다. photopea 접속하기 이미지 불러오기 선택 도구 선택 필터 선택 > 픽셀화 선택 > 모자이크 선택 > 확인 모자이크된 왜곡된 이미지 확인 순서는 위의 순서와 같다. 하나씩 진행 해보자. 1. photopea 인터넷 포토샵 접속하기 photopea ( 이하 포토피아 )는 보통 인터넷 포토샵으로 유명하다. 과거 구버전의 포토샵과 비슷한 화면구성을 하고 있으며, 단축키도 비슷하다. 물론, 웹이라는 한계가 있기에 차이가 존재하긴 하지만, 어지간한 기능들은 모두 사용할 수 있다. 단점이라면 의도치않은 광고들이 나타난다는 점인데, 무료로 사용하는 만큼 이정도는 감내하자. 포토피아로 접속하는 주소는 다음과 같다. [ 포토피아 바로가기 ] 포토피아(photopea) 메인 2. 이미지 불러오기 포토피아의 좋은 점은 이미지를 불러오는 방법이 여러가지에 있다. 내 PC에 있는 이미지를 열기 할 수 있지만, 외부 이미지 URL을 알고 있다면 그대로 열기 할 수 있다. 포토피아 이미지 열기 인터넷에 있는 이...
자세한 내용 보기

Featured Post

안전자산의 뜻과 종류 | 자산가치의 하락이 적고 신뢰도가 높은 자산

-
이미지
국제사회가 어지러운 경우, 시장 변동성이 커지고 경제 전망이 불투명해진다. 이런 경제 상황이 불안해지는 경우 사람들의 시선은 `안전자산`으로 향하게 된다. 불안한 경제의 위기 상황 속에서 내 소중한 원금을 최대한 보존할 수 있는 자산은 대표적으로 금, 달러, 국채가 있다. `안전자산`이라고 해도 가지고 있는 원금을 완전히 보존한다고 장담할 수 없지만, 가치 하락에 대한 변동성은 상대적으로 작다. 즉, 자신이 가진 자산가치의 하락이 적고, 신뢰도가 높은 자산을 의미한다. 안전자산 뜻 종류 / 금, 예금, 적금, 미국 달러 안전자산이란 무엇인가? `안전자산`의 뜻은 금융 시장의 불확실성이 커지거나 위험이 닥쳤을 때도 가치가 크게 하락하지 않고, 원금이 상대적으로 최대한 안전하게 보장될 가능성이 높은 자산을 뜻한다. 단순히 가격이 변하지 않는 것 뿐만 아니라, 필요할 때 즉시 현금화할 수 있다는 장점이 있지만, `유동성`과 채무 불이행에 따른 `신용도`가 어느 정도는 뒷받침되어야 합니다. 이런 경우 유동성과 변동폭이 큰 주식같은 투자 자산에서 돈은 빠져나오며 `안전자산`으로 돈이 다시 몰리는 현상이 발생한다. 대표적인 안전자산의 종류 안전자산의 세계에도 대장주들이 있다. 금, 달러, 국채가 그렇다. 시장 상황에 따라 선호도는 다르지만, 전 세계적으로 통용되는 대표적인 자산은 다음과 같다. 금(Gold) 인플레이션이나 화폐 가치 하락에 대비할 수 있는 대표적인 실물 자산이다. `실물`이라는 점에서 사람들의 심리적 안정감이 크다. 예금, 적금 가장 친숙한 형태의 안전자산 중 하나. 예금자 보호법에 의해 일정 금액까지 원금이 보장된다. 미국 달러(USD) 세계 기축통화인 달러는 경제 위기 시 가치가 상승하는 경향이 있다. 가장 강력한 유동성을 자랑한다. 미국 국채 미국 정부가 망하지 않는 한 원금과 이자를 보장받을 수 있다는 신뢰가 존재한다. 미국 국채의 신뢰성 덕분에 가장 안전한 국가 채권으로 분류됩니다. 안전자산 투자 시 주의사항 안전자산이 무조건 `무결점`인 것도 ...
댓글 쓰기