Extension3 서버 없이 이미지에서 텍스트를 추출 tesseract js Tesseract.jsTesseract.js는 브라우저에서 돌아가는 순수 JavaScript OCR(광학 문자 인식) 라이브러리입니다.이미지에서 텍스트를 추출할 수 있으며, 별도의 서버 없이 클라이언트만으로 동작해요.특징작동 환경브라우저 또는 Node.js 모두 지원언어 지원영어, 한글 포함 다국어 (학습 파일 필요)동작 방식이미지 → WebAssembly → 텍스트 추출의존성Web Worker + WASM 파일설치 방식npm install tesseract.js 또는 CDN/로컬 로드 가능오픈소스무료, MIT 라이선스기본 사용법 (v6 기준)import { createWorker } from 'tesseract.js';const worker = await createWorker();await worke.. 2025. 3. 24. 크롬 확장프로그램 react로 개발하기 (WXT: Web Extension Framework) React로 크롬이나 웨일 확장 프로그램을 작성할 수 있을까? 찾아보다가 CRXjs를 사용하려고 했지만 2025년 5월에 업데이트를 멈출수도 있다는 공지를 확인하고 WTX를 이용해서 만들기로 했다.WXT는 크롬 확장 프로그램을 React + TypeScript로 빠르게, 편하게 만들기 위한 최신 개발도구이다. Next-gen Web Extension Framework – WXTWXT provides the best developer experience, making it quick, easy, and fun to develop web extensions. With built-in utilities for building, zipping, and publishing your extension, it's e.. 2025. 3. 24. chrome 확장 프로그램 일반 웹 개발 vs 크롬 확장 개발웹 개발 vs 크롬 확장 개발시작점index.html 같은 메인 페이지manifest.json (설정 파일)권한 시스템없음 (브라우저가 제한)manifest.json에 명시적으로 선언해야 브라우저 기능 사용 가능페이지 접근현재 페이지 안에서만 동작다른 웹페이지의 DOM도 조작 가능 (content.js)백그라운드 처리백엔드(API 서버) 필요background.js에서 이벤트 처리 가능UI 실행 방식URL 직접 접속아이콘 클릭 → 팝업(popup.html) 실행보안 제한(CSP)적당히 자유로움매우 엄격 (CDN, inline script 금지 등)스토리지localStorage, DB 등chrome.storage.local, sync 등 브라우저 내장 스토리지배포서버에 올.. 2025. 3. 24. 이전 1 다음
