STILL CODING / WORK 08
PDF Flow Studio
Document tool / 01
서버 전송 없이 브라우저에서 안전하게 재배치·추출·결합하는 PDF 워크스페이스
업로드한 PDF 파일을 외부 서버로 보내지 않고 브라우저 메모리 안에서만 처리합니다. 페이지 순서 변경, 90도 회전, 빈 페이지 삽입, 자유 펜 및 도형 주석, 원하는 페이지만 골라 새로운 PDF로 병합 다운로드까지 하나의 화면에서 안전하게 마칩니다.
01 / FOR WHOM
누구를 위한
도구인가요?
계약서나 개인정보가 담긴 PDF를 유출 걱정 없이 브라우저에서 직접 재배치·편집·병합하려는 사용자
02 / START IN THREE STEPS
처음이라면
이렇게 시작하세요.
- 01
PDF 파일을 사이드바에 드래그하여 워크스페이스에 올립니다.
- 02
썸네일을 작업 영역에 추가하고 순서를 바꾸거나 주석을 작성합니다.
- 03
원하는 페이지만 골라 새 PDF로 병합 다운로드합니다.
03 / DATA & LIMITS
사용 전에
알아둘 것.
모든 PDF 파일과 편집 작업은 브라우저 메모리 안에서만 처리되며 서버로 전송되거나 저장되지 않습니다. 자세한 처리 범위는 PDF Flow Studio 개인정보처리방침(https://pdf-flow-studio.still-coding.cc/privacy/)을 따릅니다.
04 / FAQ
자주 묻는
질문.
내 PDF 파일이 외부 서버에 저장되나요?
아닙니다. 파일 렌더링, 썸네일 생성, 페이지 결합 모두 브라우저 메모리(pdf-lib 및 pdf.js)에서 실행되며 외부 서버로 전송되지 않습니다.
파일 용량이나 페이지 수에 제한이 있나요?
서버 제한은 없으며 사용하는 기기의 브라우저 메모리 용량에 따라 결정됩니다. 수백 페이지 분량의 문서도 처리 가능합니다.
오프라인에서도 쓸 수 있나요?
첫 방문 후 브라우저에 코드가 캐시되므로 인터넷 연결이 없어도 안전하게 PDF를 편집하고 다운로드할 수 있습니다.
사용 가이드가 있나요?
앱 상단의 '?' 버튼 또는 사용법 안내(https://pdf-flow-studio.still-coding.cc/?help=true)에서 5단계 시각적 튜토리얼, 상세 기능, 단축키를 전체 화면으로 확인하실 수 있습니다.
05 / BEHIND THE BUILD
만들면서
배운 것.
- 서버 없이 PDF를 읽는다 — PDF Flow Studio의 pdf.js 워커와 문서 캐시
PDF Flow Studio가 pdf.js로 PDF를 브라우저에서 읽는 구조를 정리합니다. 문서 Promise 캐시, 사본을 넘기는 이유, 600px 썸네일 생성, CDN에서 불러오는 워커 스크립트, Cursor 내장 브라우저용 Map 폴리필, 콘솔 성능 로그를 코드로 보입니다.
- 필기한 페이지는 이미지가 된다 — PDF Flow Studio가 편집 페이지를 합치는 방식
PDF Flow Studio가 여러 PDF의 페이지를 한 파일로 합칠 때 빈 페이지, 필기한 페이지, 손대지 않은 페이지를 어떻게 다르게 처리하는지 정리합니다. copyPages와 PNG 삽입의 차이, 캔버스 1200px 렌더링이 남기는 한계, 저장 시점을 코드로 보입니다.