PDF Editor
PDF Editor 바로가기 ↗

요약

  • 광고 없이, 서버 업로드 없이, 브라우저에서 바로 동작하는 PDF 편집기를 제작했다.
  • 페이지 삭제·순서 변경·범위 선택·추출·다중 PDF 합치기를 지원한다.
  • 데스크톱과 모바일 모두 사용 가능하며, 300페이지 이상 대용량 PDF도 처리된다.

제작 동기

  • 기존 온라인 PDF 편집기는 광고가 많고, 파일 업로드를 요구하며, 모바일에서 화면이 깨지는 문제가 있었다.
  • 단순 합치기 외에 페이지 삭제·추출·재정렬 같은 실질적인 편집 기능이 필요했다.
  • 개인 파일을 외부 서버에 올리지 않는 안전한 도구가 필요했다.

목표 설정

  • 작업 기간: 2026.02.17.
  • 목표
    • 서버 전송 없이 브라우저 내부에서만 PDF를 처리한다.
    • 페이지 단위 편집(삭제, 순서 변경, 범위 선택, 추출, 합치기)을 구현한다.
    • 대용량 PDF(300페이지 이상) 처리 시 멈춤 없이 안정적으로 동작한다.
    • 모바일 화면에서도 레이아웃이 깨지지 않도록 최적화한다.

주요 작업

  1. 페이지 삭제 기능 구현 — 체크 후 즉시 삭제, 화면 재구성 처리
  2. 페이지 순서 변경 기능 구현 — 드래그 이동 및 위/아래 버튼 이동, 이동 시 강조 표시
  3. 범위 선택 기능 구현 — 1-3,7,10-12 형식 입력으로 다중 페이지 자동 선택
  4. 선택 페이지 추출 기능 구현 — 선택 페이지만 별도 PDF로 저장
  5. 다중 PDF 합치기 기능 구현 — 여러 PDF를 업로드한 뒤 페이지 단위로 재구성
  6. 대용량 처리 개선 — 저장 중 애니메이션·로딩 스피너 추가, 중간 화면 갱신, 메모리 사용 최적화
  7. 모바일 레이아웃 전면 수정 — 버튼 줄바꿈, 파일명 표시, 카드 레이아웃 문제 해결

결과

  1. 서버 업로드 없이 브라우저에서만 동작하는 PDF 편집기를 완성했다.
  2. 페이지 삭제·순서 변경·범위 선택·추출·합치기 5가지 편집 기능을 모두 구현했다.
  3. 300페이지 이상 대용량 PDF도 안정적으로 처리할 수 있다.
  4. 모바일에서도 레이아웃이 정상적으로 표시되어 PC 없이도 PDF 편집이 가능해졌다.