JavaScript

[Javascript] Class vs Factory Function

현재 직장에서 담당하고 있는 부분(웹&데스크탑)의 이슈 중, 보안 이슈를 핸들링하던 와중, 다소 특이하게 토큰(Access Token, Authentication Token)을 특이하게 다루고 있는 것을 확인했다. 다소 특이하게 관리하는 큰 틀 두가지가 있었는데(코드는 5~3년전까지 활발하게 개발되었고, 그 이후로는 많은 부분이 건드려지지 않았다...), 첫 번째로 Auth Token의 사용이 이루어지지 않는다는 점이다. 사실 Auth Token은 사용 될 것이다. 웹 서비스와 마찬가지로, 공통 부분들이 실 서버로 부터 정보를 받아오기 위한 헤더로 쓰이기 때문이다. 하지만, 적어도 Javascript로 이루어진 코드(뷰&내부 서버)는 저장만 할 뿐, 다루지 않았다... 두 번째로 Access Token으..

[크롬 익스텐션: 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 통신을 이용한 채팅 서버 구현) 오... 그러면.... 채팅 + 익스텐션으로 무언가 판타스틱한게 나올 수 있지 않을까? 고민을 해보았다... 이러쿵 저러쿵 고민을 한 결과... 도입이 쉬운 라이브러리/오픈소스 같이, 직접적인 설치 및 세팅이 적은 (물론... 프론트딴에서...) 채팅 모듈을 익스텐션으로 구현해보자! 를 떠올리게 되었다. 당연 아이디어가..