Webtoon Bookmarker

만든 이유

네이버 웹툰을 즐겨 보다 보니 항상 보던 작품을 매번 찾아 들어가는 것이 번거롭고, 즐겨찾기 페이지도 별도로 진입해야 하는 불편함이 있었습니다. 이를 해결하기 위해 Chrome 익스텐션을 작성하여 메인에 새로운 탭을 삽입하고, 파싱한 웹툰 중 체크된 것만 표시하는 기능을 만들어 Chrome Extension Store 에 배포했습니다.

코멘트

MV2 → MV3 마이그레이션, Chakra → shadcn 전환, Bun 자체 빌드 파이프라인까지 세 가지를 한 번에 정리했습니다. 한국 웹툰 도메인에서 실제로 사용되고 있는 익스텐션입니다.

주요 특징

• 01Chrome Manifest V3 + chrome.storage.local: Content Script (DOM 조작) + Popup (React) 구성
• 02v1 → v2 재구축: Chakra UI → shadcn 마이그레이션, Vite/CRXJS → Bun 자체 빌드 파이프라인
• 03Proxy 객체로 라이브러리 없이 반응형 상태관리 (Vanilla 패턴, 회고하면 MutationObserver만으로 충분)
• 04권한 최소화: host_permissions 1개(comic.naver.com), permissions 1개(storage)
• 05Bun 빌드 + adm-zip으로 스토어 업로드 zip 자동 생성, Vite/Webpack 의존 0
• 06사용자 30명 실사용, 1년 5개월 무업데이트에도 정상 동작 (네이버 마크업 안정)