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

여러 프로젝트를 진행하면서, 정말 이상하게도, 크롬 익스텐션에 자꾸 눈이 갔다...

 

무언가... 무궁무진한, 다양한 아이디어가 샘솟는... 그런 물건?을 찾아버린 느낌...

 

생각보다 쓰이지 않고, 생각보다 노다지라고 느껴져서 한번 개발을 해보고 싶다 라는 생각을 갖고 있던 와중,

 

대학 동기가 간단한 토이프로젝트 해보는거 어떠냐 라고 제시를하여 (Socket 통신을 이용한 채팅 서버 구현)

 

오... 그러면.... 채팅 + 익스텐션으로 무언가 판타스틱한게 나올 수 있지 않을까? 고민을 해보았다...

 

이러쿵 저러쿵 고민을 한 결과...

 

도입이 쉬운 라이브러리/오픈소스 같이, 직접적인 설치 및 세팅이 적은 (물론... 프론트딴에서...) 채팅 모듈을 익스텐션으로 구현해보자! 를 떠올리게 되었다.

 

당연 아이디어가 빠바박 떠오른건 아니다...

 

manifest V3 공식문서

공식문서를 보면, 이러한 설명들이있다. UX, 개발자의 experience, visibility와 control, 그리고 new approach to user data access! 

 

하나하나 읽어가며 퍼즐을 맞추듯 기획을 하게 됬다...

 

아니 그래서 왜 크롬 익스텐션이냐고....

 

몇가지 이유들이 있지만 가장 큰 이유는 다음과 같다!

 

1. 채팅창은 다양한 서비스에서 쓰일 수 있다. 대화형 채팅 서비스를 제공하는 트x치 혹은 아x리카TV, 실시간 문의 및 대화와 상담을 진행하는 금융업과 쇼핑업체 등, RealTimeCommunication은 기술의 진보와 함께 더욱 많은 웹 서비스에서 제공된다.

 

2. 당연 이러한 기업들은, 안정적인 서버와 보다 더욱 편리한 채팅 UI, UX를 구축할 것이다. 

 

3. 하지만 현재 나와 같은 학생들은? 혹은 Backend를 공부하는 학생의 입장에서 개인 프로젝트를 하는데 View를 구성하기 힘들다면? Frontend 부분을 구성할 수 있는 인력이 부족하다면?

 

4. 서버에 올릴 필요도 없는 (Front) 크롬 익스텐션만 설치하여 채팅 서버를 연결 시켜주면 훨씬 enrich 할 것 같은데?

 

이러한 기저 생각을 바탕으로 Chrome Extension의 문서를 파보았다.

 

다음 포스트에서는 현재까지 이해한 Chrome Extension의 manifest V3가 제공하는 기능과, 그 기능에 따른 설계 방향과 구현 현황? 을 공유하도록 하겠다!