본문 바로가기

전체 글

 (78)
[JS] Fuse.js 지난 포스트에서 손글씨를 텍스트로 추출하는 과정을 보였다.최대한 높은 정확도로 손글씨를 텍스트화 하였지만, 여전히 남은 오차를 줄일 방법이 필요했다.다른 라이브러리나 api 혹은 전처리나 후처리 등이 많이 있겠지만, 일단 서비스의 환경에 포인트를 맞추기로 하였다. 다행히도 해당 서비스에는 이미 작성된 유저 리스트가 존재한다.그 말은 즉, 유사한 텍스트로만 추출해도 비교를 통해 유추해낼 수 있다는 뜻이다.덕분에 어려운 길로 가지 않고 간단히 처리해볼 수 있었다. 흔히 검색 등에 사용되는 fuzzy-search 라이브러리인 Fuse.js를 여기에 적용해 볼 것이다.fuzzy-search란 간단히 말하면 입력받은 문자(패턴)과 유사한 문자열을 검색하는 '유사 검색'기술이다. 일단 설치부터 한다.npm i fu..
[Node.js] Google Vision Api OCR / 텍스트 추출하기 / Tesseract? 이번에 남는 시간동안 새로운 웹앱을 만들어보았다.이용자의 출결 관리 및 분류 서비스인데,근무하면서 출결 인원 확인과 분류를 매번 하는 것이 귀찮아 고안해본 웹앱이다.FE: https://github.com/ChangwooJ/AttendanceList_FEBE: https://github.com/ChangwooJ/AttendanceList_BE 간단히 설명하면 출석부에 손글씨로 적혀있는 결석자의 이름을 사진으로 입력받으면 OCR을 이용해 인식하고 텍스트화 시켜, 당일 출석자를 추려내 분류해주는 것을 주로 하는 서비스이다. 말처럼 다른 기능은 별다른 것이 없어서 손글씨를 인식하도록 하는 것이 포인트다. 텍스트를 인식할 수 있게 해주는 방법에는 현실적으로 2가지 방법 정도가 존재했는데,오픈소스 라이브러리와 a..
[React] React Router 페이지 접근 권한 페이지마다 인증이 필요한 경우, 권한이 필요한 경우 등의 구분이 필요하다. 이를 쉽게 해결해주기 위한 방법이 리액트에서 라우팅을 해줄때 페이지별로 접근 권한을 설정해주는 방법이다. 이 방법을 쉽게 요약하면,권한이 필요한 페이지를 요청하면 →  Context등을 이용하여 로그인 인증 정보를 전달받는다 → 전달받은 데이터가 조건에 부합하면 하위 페이지를 랜더링 해준다.의 순으로 진행된다. 일단 평범한 라우터 구성 파일의 일부이다.import React from 'react';import { BrowserRouter, Routes, Route } from 'react-router-dom';import Login from '.pages/Login';import Home from '.pages/Home';impo..

티스토리툴바