NeoStudio2 — 스마트펜 하이브리드 문서 앱

What I changed

• React에서 C#의 로컬 DB, 인쇄와 파일 공유 기능을 호출하는 WebView JS 브리지를 구현했습니다.
• 큰 PDF는 여러 조각으로 나눠 보냈습니다.
• 브리지가 응답하지 않을 때는 스마트펜에서 받은 스트로크를 네이티브 DB에 먼저 저장해 필기를 지켰습니다.
• .NET 런타임을 바꾼 뒤 브리지 채널이 두 번 만들어져 호출이 막히는 문제를 해결했고, 기기의 언어 설정에 따라 소수점 구분자를 다르게 해석하던 부분은 문화권 설정을 고정해 바로잡았습니다.

What I changed

• 앱 환경에서 Google 인증을 처리하고 Drive의 기존 데이터를 읽어 오는 기능을 구현했습니다.
• Drive API에서 파일을 직접 읽는 대신 자체 서버 저장소에서 기존 사용자 데이터를 받아오도록 이전 경로를 바꿨습니다.
• 가져오기가 중단되면 이어서 진행할 수 있도록 상태를 저장하고, 페이지를 구분하는 값이 겹치거나 일부 스트로크가 빠지는 문제를 잡았습니다.

What I changed

• 노트, 페이지, 스트로크, 태그와 첨부 데이터를 로컬 DB에서 업로드 대기 상태와 서버 반영이 끝난 상태로 나눠 관리하고, 생성, 수정, 삭제 내역을 항목별로 처리했습니다.
• React에서 처리하던 업로드와 서버 변경분 다운로드 로직을 .NET MAUI의 C# 코드로 단계적으로 옮겼습니다.
• 오프라인에서 만든 노트와 페이지가 서버 ID를 받은 뒤에도 로컬 DB와 화면에서 같은 대상을 가리키도록 ID와 관련 참조를 함께 바꿨습니다. 임시 ID와 서버 ID가 함께 남아 생기던 중복도 정리했습니다.
• 앱 종료 전에는 아직 DB에 반영되지 않은 스트로크를 저장했습니다. 백그라운드 전환이나 네트워크 실패 시에는 동기화를 대기하거나 재시도하고, DB 복구와 다운로드 실패가 잘못된 노트와 페이지 정리로 이어지지 않게 막았습니다.

What I changed

• 텍스트의 크기, 색상, 굵기 같은 HTML 서식을 Canvas에 그릴 수 있도록 변환하고, 입력 위치와 화면 배율에 맞춰 좌표를 계산했습니다.
• 한글을 조합해 입력하거나 줄바꿈을 연속으로 넣을 때, CJK 폰트와 이모지가 제대로 그려지지 않던 문제를 잡았습니다.
• 기존 Web Worker 렌더링 경로와 PDF, PNG 출력에도 같은 텍스트 스타일이 반영되게 했습니다.

What I changed

• 웹에서는 YouTube와 Vimeo 영상이 자동으로 재생되도록 React 플레이어를 구성했습니다. 앱에서는 Android와 iOS의 WebView 설정을 조정해 사용자 입력 없이 미디어가 재생되게 했습니다.
• Google Drive와 Dropbox 영상은 웹과 앱에서 재생할 수 있는 주소로 변환했습니다. 앱에서는 .NET MAUI의 네이티브 플레이어를 연결하고, 페이지에 포함된 영상을 미리 내려받아 캐시된 파일부터 재생했습니다.
• 앱에서는 YouTube 영상을 눌러도 외부 화면으로 넘어가지 않도록 영상 위에 재생 컨트롤을 직접 구현했습니다.
• 페이지를 이동하거나 재생에 실패하면 재생 상태를 초기화하고, 미디어 재생과 녹음이 동시에 시작되지 않도록 제어했습니다.

What I changed

• BLE 스캔과 자동 연결을 취소한 뒤 다시 시작할 수 있도록 바꾸고, 같은 장치가 중복으로 등록되지 않게 막았습니다.
• 앱이 백그라운드로 전환되면 연결을 종료하고, 다시 활성화됐을 때 재연결 이벤트가 다른 펜 상태를 참조하지 않도록 처리했습니다.
• 여러 펜의 오프라인 스트로크를 장치별로 요청해 화면에 표시했습니다.