# Chrome Extension

[크롬] 구글 검색 결과에서 피싱 사이트 제거
크롬 확장프로그램 uBlacklist 를 이용하여 구글 검색 결과에서 피싱 사잍를 필터링하는 방법.

2023년 웹 개발 방식을 바꿀 12가지 엄선된 크롬 확장 프로그램
개발자의 생산성을 높이는 데 도움이 되는 12가지 Chrome 확장 프로그램을 소개합니다. 개발자라면 분야별로 한 두개쯤은 꼭 필요한 제품이 있네요! 그 중 대표적인 2개를 소개합니다. Responsive Viewer 사이트의 반응형 UI를 한번에 보여줍니다.

[React]상태 관리 라이브러리(redux)
store에서 상태를 가진 단방향 상태 관리redux는 flux를 구현해놓은 구현체라고 볼 수 있다.action {type,payload} 존재reducer(state,action) => newStatestore(state lives) created by passing

크롬 익스텐션 컴포넌트끼리 통신하는 방법 - 개발기
매주 깃허브 이슈를 복사해서 일정한 형식으로 붙여넣는 노가다 작업을 하게 되었다. 이슈가 5개를 넘어갈 때 즈음.. 왜 이걸 내가 직접 하고 있지? 라는 생각이 들었다.
[Web3] Web3 Wallet 연동하기
Interchain Bridge를 개발하면서 Metamask, Iconex, Kaikas 등의 Web3 Wallet과 연동할 일이 있어서 내용을 정리합니다.내용은 Metamask Klaytn Network를 기준으로 작성하겠습니다.Web3.js Library를 설치해
[Web3] Chrome Extension for Web3 Wallet with React (3)
react-router-dom library를 사용하게 되면, Chrome Extension은 서버를 통해서 Rendering을 하지 않기 때문에, BrowserRouter가 동작하지 않습니다. 때문에, HashRouter를 사용할 것을 권해드립니다. Webpack설

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

[Web3] Chrome Extension for Web3 Wallet with React (1)
Project를 위해서 Web3 Wallet을 개발하게 되어서, Chrome Extension으로 Web3 Wallet을 만들어 보도록 하겠습니다. 우선 CRA Typescript Project를 하나 만들어 봅시다. Default 형태의 CRA 프로젝트로는 Chr
[Youtube Recorder] rebuild ㅠㅠ
레포지토리를 정리하다 예전에 만든 토이 프로그램이 보였다. 유튜브에서 반주영상을 놓고 녹음하면 노래를 동시 녹음해서 간단하게 음원을 만들 수 있는 크롬 익스텐션 앱이었는데, 이번에 시연영상이나 만들어보고자 보니 크롬에서 프로그램이 아예 돌아가질 않는다.

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