PDF 파일 번역 프로그램 - 브라우저 파일 업로드

브라우저에 파일 업로드 기능 개발 시작!

사용자가 편하게 파일을 번역할 수 있으려면 접근성이 좋아야 한다고 생각했다

그래서 가장 접근성이 좋은건 웹이라고 판단했다. 이참에 한번도 안해본 React 와 Node.js 를 다뤄보기로 결정했다.

하지만 단기간에 프로젝트를 완성해 30개가 넘는 책을 번역해야 했기에 차근차근 React 공부를 할 여유는 없었다.

 

그래서 직접 붙딫혀보면서 배우기로 했다.

(Flutter 처음 배울때도 이런식으로 했었다. 처음엔 힘들어도 한번 해보고 공부하면 이해가 더 쏙쏙 되는 장점이 있다.)

먼저 파일업로드 예시 코드를 검색했다. 여러 블로그들을 돌며 내가 원하는 기능이 구현된 코드들을 둘러봤고

내가 원하는 기능에 가장 가깝게 구현한 코드를 CTRL + C 했다 ㅎㅎㅎ 

거기서 내 목적에 맞게 조금 수정을 거치고 그냥 html 코드였기 때문에 React 에 이식했다

아래는 구현한 화면이다!

정말 디자인이라고는 하나도 없는 실용성만 따진 UI이지만 그래도 당장 출시할건 아니기 때문에 가볍게 넘기자~

 

그렇게 파일을 웹 브라우저 상에 업로드 하고 파일이 잘 인식되는것과

번역하기 버튼까지 잘 구현된 것을 확인하고 다음 기능을 구현하기 시작했다!

 

코드는 여기저기서 가져온거라 (코드 주인이 볼 일도 없겠지만) 개인사용 목적으로만 쓸게요 ㅎㅎ