Manifest V3

[크롬 익스텐션: 02] Manifest V3

Chrome Extension을 개발하기 위한 Manifest V3는 다양한 UI를 제공한다. 그리고 그 UI를 핸들링하기 위해서는 manifest.json을 잘 파악하고 시작해야 한다. 혼자서 처음부터 해야 잘 알지 하며.... 이것 저것 만져보다가... 결국 boilerTemplate을 찾았고... 현실과 타협했다... 솔직히 귀찮은건 질색이긴하다.... (boiler template - https://github.com/lxieyang/chrome-extension-boilerplate-react) TypeScript 지원, Manifest V3 기반, 깔끔하게 놓은 폴더 구조, 코드 변경에 따른 자동 리로드 등 꽤나 잘 만든 보일러템플릿이라고 생각한다! 다시 돌아와서 우선, 가장 공통적이고, 다수..

[크롬 익스텐션: 01] Chrome Extension(Manifest V3)xSocket 통신

여러 프로젝트를 진행하면서, 정말 이상하게도, 크롬 익스텐션에 자꾸 눈이 갔다... 무언가... 무궁무진한, 다양한 아이디어가 샘솟는... 그런 물건?을 찾아버린 느낌... 생각보다 쓰이지 않고, 생각보다 노다지라고 느껴져서 한번 개발을 해보고 싶다 라는 생각을 갖고 있던 와중, 대학 동기가 간단한 토이프로젝트 해보는거 어떠냐 라고 제시를하여 (Socket 통신을 이용한 채팅 서버 구현) 오... 그러면.... 채팅 + 익스텐션으로 무언가 판타스틱한게 나올 수 있지 않을까? 고민을 해보았다... 이러쿵 저러쿵 고민을 한 결과... 도입이 쉬운 라이브러리/오픈소스 같이, 직접적인 설치 및 세팅이 적은 (물론... 프론트딴에서...) 채팅 모듈을 익스텐션으로 구현해보자! 를 떠올리게 되었다. 당연 아이디어가..