ImgTextSelectJS

이미지와 PDF에서 텍스트를 선택하고 복사할 수 있는 웹 애플리케이션

기능

• 📷 이미지 OCR: Tesseract.js를 사용한 이미지 텍스트 인식
• 📄 PDF 뷰어: PDF.js를 사용한 브라우저 내 PDF 표시
• ✂️ 텍스트 선택: 인식된 텍스트를 마우스로 선택하고 복사
• 🌐 다국어 지원: 한국어, 영어 텍스트 인식
• 📱 반응형: 모바일, 태블릿, 데스크톱 모두 지원

사용 방법

로컬에서 실행

# 프로젝트 디렉토리에서
open index.html

# 또는 로컬 서버 실행 (권장)
python3 -m http.server 8000
# 브라우저에서 http://localhost:8000 접속

이미지 OCR 사용

1. 웹페이지에서 이미지를 드래그앤드롭 또는 클릭하여 업로드
2. OCR 처리 완료까지 대기 (진행률 표시)
3. 이미지 위에 표시된 투명한 텍스트를 마우스로 드래그하여 선택
4. Ctrl+C (⌘+C) 또는 우클릭 > 복사로 텍스트 복사
5. 다른 애플리케이션에 붙여넣기

PDF 기능 (개발 중)

• PDF 뷰어 및 텍스트 추출 기능은 Phase 4에서 구현 예정

기술 스택

• 순수 JavaScript (프레임워크 없음)
• Tesseract.js v6.0.0 - 이미지 OCR
• PDF.js v4.0.0 - PDF 렌더링 및 텍스트 추출
• HTML5 / CSS3

지원 파일 형식

이미지

• JPEG, PNG, GIF, WebP
• 최대 크기: 10MB

PDF

• PDF 문서
• 최대 크기: 50MB
• 권장: 200페이지 이하

브라우저 지원

• Chrome 90+
• Firefox 88+
• Safari 14+
• Edge 90+

개발 문서

• 프로젝트 명세 - 상세 기술 명세 및 요구사항
• 작업 계획 - 개발 진행 상황 추적

라이선스

MIT License

작성자

ImgTextSelectJS Team