개발/익스텐션2 (기록용) 크롬 익스텐션에서 각 무슨역할들을 할수 있을까? - 1 - (background, content, popup) 목차 익스텐션의 많은 기능들크롬 익스텐션은 우리가 아는 웹사이트와 개발이 조금 다르다. 익스텐션은 브라우저 자체에 기능을 추가하는 거다보니, 여러 상황에서 다르게 동작을해야하기 때문이다크롬 익스텐션의 주요 구성요소:├── Background # 브라우저 백그라운드에서 조용히 실행├── Content Script # 웹페이지 위에 내용을 추가├── Popup # 익스텐션 아이콘 클릭 시 나타나는 창├── Options # 설정 페이지├── Dashboard # 큰 화면에서 작업하는 페이지├── New Tab # 새 탭을 열 때 보이는 페이지└── DevTools # 개발자 도구에 추가하는 패널 Background Script (백그라운드 스크립트) 무슨 일을 하는가?**뇌**의 역할을 수행한다. .. 2026. 2. 26. (기록용)chrome 익스텐션 개발전 개발세팅하기(준비단계) 왜 익스텐션을 개발하려고 하는가?처음엔 프론트엔드 개발자로써 웹을 개발하려고 했었다. 근데 알아보던중에 익스텐션을통해서도 재밌고 다양한걸 만들어볼수 있을꺼같아서 익스텐션을 개발하는 과정들을 기록을 남기려고한다 라이브러리 선택익스텐션은 html, css, js 기반이기때문에 프론트엔드에서 접근하기는 좋았다. 하지만 바로 예제에 진입하는 코드들은 순수하게 html, css, js를 활용하기때문에 프레임워크 (vite, next)를 하는 사람으로써 일부 제약사항이 존재하였다. 그렇기에 github에서 라이브러리 서칭을 하였는데 아래와같이 star수가 무려 1천정도가 되는 보일러플레이트가 있는것을 발견하게 되었다. 그래서 해당 기반으로 개발하기로 하였다 https://github.com/JohnBra/vite.. 2026. 2. 24. 이전 1 다음
