뷰어에 업로드 된 PDF 파일에 Highlight 기능을 추가해보자
PDF 파일에 하이라이트 기능을 추가한 프로젝트는 생각보다 많지 않았는데,
대부분 상업 서비스 였고, 오픈소스 서비스는 아래에서 확인 가능합니다.
react-pdf-highlighter
react-pdf-highlighter Demo
위 오픈 소스를 확인해보면,
mozilla에서 제공하는 pdf.js 의 Layer를 직접 만지고 react에 적용하였습니다.
하지만, 저의 경우 짧은 기간 (개발에 남은 기간은 3월22일 - 3월24일 길어야 3일 뿐) 내에는
mozilla가 제공하는 pdf.js를 모두 이해하고 라이브러리를 사용하는 것이 어려울 것 같다는 판단하에,
리액트 적용이 쉬운 react-pdf.js를 사용하였습니다.
해당 라이브러리는 pdf 파일을 웹에 렌더링 해주는 역할을 주로 해주기 때문에,
하이라이터 기능은 직접 구현해야 했습니다.