포시코딩

Free Online OCR Site - OCR Helper 본문

개인프로젝트

Free Online OCR Site - OCR Helper

포시 2023. 7. 27. 16:37
728x90

https://cchoseonghun.github.io/OCR_Helper

 

OCR Helper

Camera Upload Reset Preview Default Grayscale OTSU Change Excel Download

cchoseonghun.github.io

https://github.com/cchoseonghun/OCR_Helper

 

GitHub - cchoseonghun/OCR_Helper: Free Online OCR

Free Online OCR. Contribute to cchoseonghun/OCR_Helper development by creating an account on GitHub.

github.com

 

진행기간

2023년 6월 21일 ~ 7월 27일(약 한달)

 

기능

인식을 위한 이미지 업로드

 

영역을 정한 후 'Crop' 버튼 클릭

 

결과 확인. 엑셀 다운로드 또한 가능하다.

 

타입을 변경해 각각 다른 결과물을 확인할 수 있다.

 

웹캠을 통해서도 이미지를 캡쳐한 후 OCR을 진행할 수 있다.

 

사용된 라이브러리

  • Cropper.js
  • Tesseract.js
  • OpenCV.js
  • ExcelJS

 

추가 예정 기능

  • i18n을 통한 localization - 즉, 영어와 한글에 대한 다국어 서비스
  • tesseract.js의 한글 인식 능력을 개선시키기 - 다른 라이브러리를 찾던가 딥러닝을 공부해보던가

 

후기

취업 준비하며 약 한달간 틈틈히 작업한 결과 제3자가 쓰기에도 무리 없는 사이트가 완성됐다. 

인식률은 처참하지만..

 

처음 기획 의도였던 디아블로4 경매장에서 아이템 옵션 인식 도구로 틀었다가 

결국 광범위하게 이미지 파일에서의 텍스트 인식 사이트로 정착했는데 

참 멀리도 돌아왔구나 싶다.

 

그 과정에서 필요없는 백엔드 서버, DB 다 떼고

github pages를 통해 정적 파일만으로 서비스되게 만들었는데 

이런 only 프론트엔드 프로젝트는 처음 진행해본터라 나름 재밌게 진행했던 것 같다. 

마지막 css 정리할 때가 참 지옥 같았는데 결국 bootstrap의 도움으로 그나마 깔끔하게 정리할 수 있었다.

 

이미지뿐만 아니라 웹캠을 통한 영상 캡쳐본에 대해서도 OCR 기능을 넣은건 다시 생각해봐도 좋은 시도였던듯

 

더 개선할 부분이 있지만 이 이상 프론트엔드 프로젝트에서 시간을 보내기엔 벌써 한달이 지나서

당분간은 백엔드 공부를 진행할 생각이다. 

 

그래도 개발하면서 처음으로 인공지능 관련 기술들을 밀접하게 사용해서 재밌었고

혹여나 생길 실제 사용자를 기대하며 프로젝트를 마무리한다. 

728x90