# Chrome Extension

20개의 포스트
post-thumbnail

크롬 익스텐션 컴포넌트끼리 통신하는 방법 - 개발기

매주 깃허브 이슈를 복사해서 일정한 형식으로 붙여넣는 노가다 작업을 하게 되었다. 이슈가 5개를 넘어갈 때 즈음.. 왜 이걸 내가 직접 하고 있지? 라는 생각이 들었다.

2022년 7월 31일
·
0개의 댓글
·

[Web3] Web3 Wallet 연동하기

Interchain Bridge를 개발하면서 Metamask, Iconex, Kaikas 등의 Web3 Wallet과 연동할 일이 있어서 내용을 정리합니다.내용은 Metamask Klaytn Network를 기준으로 작성하겠습니다.Web3.js Library를 설치해

2022년 7월 20일
·
0개의 댓글
·

[Web3] Chrome Extension for Web3 Wallet with React (3)

react-router-dom library를 사용하게 되면, Chrome Extension은 서버를 통해서 Rendering을 하지 않기 때문에, BrowserRouter가 동작하지 않습니다. 때문에, HashRouter를 사용할 것을 권해드립니다. Webpack설

2022년 7월 20일
·
0개의 댓글
·
post-thumbnail

Pepe image terror

make friend annoying

2022년 7월 19일
·
0개의 댓글
·
post-thumbnail

[Web3] Chrome Extension for Web3 Wallet with React (2)

이전 글에서 Chrome Extension은 대표적으로 Background & Content Script, Option Page & UI Element로 구분할 수 있다고 했습니다.이번에는 Content Script를 적용해보도록 하겠습니다.Chrome Extensio

2022년 7월 16일
·
0개의 댓글
·
post-thumbnail

[Web3] Chrome Extension for Web3 Wallet with React (1)

Project를 위해서 Web3 Wallet을 개발하게 되어서, Chrome Extension으로 Web3 Wallet을 만들어 보도록 하겠습니다. 우선 CRA Typescript Project를 하나 만들어 봅시다. Default 형태의 CRA 프로젝트로는 Chr

2022년 5월 19일
·
0개의 댓글
·
post-thumbnail

[크롬 익스텐션] - 아키텍처와 튜토리얼

크롬 익스텐션에 대해 공부하면서 정리한 글입니다.

2022년 4월 11일
·
0개의 댓글
·

[Youtube Recorder] rebuild ㅠㅠ

 레포지토리를 정리하다 예전에 만든 토이 프로그램이 보였다. 유튜브에서 반주영상을 놓고 녹음하면 노래를 동시 녹음해서 간단하게 음원을 만들 수 있는 크롬 익스텐션 앱이었는데, 이번에 시연영상이나 만들어보고자 보니 크롬에서 프로그램이 아예 돌아가질 않는다.

2022년 3월 10일
·
0개의 댓글
·
post-thumbnail

YouTube downloader - 실전편(2)

물론 YouTube Premium이 가장 편합니다

2021년 9월 6일
·
0개의 댓글
·
post-thumbnail

YouTube 광고, 멈춰!! 🖐🏻(2)

물론 YouTube Premium이 최선입니다

2021년 6월 20일
·
0개의 댓글
·
post-thumbnail

YouTube 광고, 멈춰!! 🖐🏻

물론 YouTube premium이 최선입니다

2021년 6월 9일
·
0개의 댓글
·
post-thumbnail

내가 쓰려고 개발한 chrome extension

완성한 3.29일 기준으로 크롬웹스토어에 검토가 들어갔고, 한달안에 검토가 완료될 것으로 보인다. 이름은 Highlighter 라고 지었다.

2021년 3월 29일
·
0개의 댓글
·
post-thumbnail

Chrome.storage 정리

Chrome extension 개발 시 chrome.storage 사용에 관한 정리

2021년 1월 26일
·
3개의 댓글
·
post-thumbnail

chrome extension으로 bitbucket stash pull-request관련 기능을 만들어보자#5

chrome extension#05 - Slack Mansion - Slack ID Token - Reviewer Setting - payload array push Reviewer - Event Binding

2020년 2월 21일
·
0개의 댓글
·
post-thumbnail

chrome extension으로 bitbucket stash pull-request관련 기능을 만들어보자#4

slack으로 메시지를 보내는 법은 생각보다 굉장히 간단하다.

2020년 2월 19일
·
0개의 댓글
·
post-thumbnail

chrome extension으로 bitbucket stash pull-request관련 기능을 만들어보자#3

content sciprt를 개발하기에 앞서 manifest.json에다가 stash에서 create pull request페이지 url을 js파일과 연결을 시키자

2020년 2월 17일
·
0개의 댓글
·
post-thumbnail

chrome extension으로 bitbucket stash pull-request관련 기능을 만들어보자#2

chrome extension 요소중 첫번째로 background script에 대해 설명해보고자 한다.chrome extension을 개발하면서 사용한 tech는 react / typescript / axios 만 사용을 했다.

2020년 2월 16일
·
0개의 댓글
·
post-thumbnail

chrome extension으로 bitbucket stash pull-request관련 기능을 만들어보자#1

chrome extension#1 재밌는 사이드 프로젝트를 할게 없을까 고민해보다 react를 사용해서 chrome extension을 한번 만들어볼까 라는 생각이 들었다.

2020년 2월 15일
·
0개의 댓글
·

프론트엔드 개발시 유용한 툴, 링크

프로그래밍할 때 참고 레퍼런스 모음 사이트 DevDocs https://devdocs.io/css/margin-trim Chrome Extension web developer: 웹 유효성, 마크업 구조 등 체크 가능 whatfont: 어떤 폰트인지 확인 가능

2019년 8월 31일
·
1개의 댓글
·