transloadit/uppy

어떤 프로젝트인가요?

핵심 기능

• 01네트워크 연결이 끊겨도 이어서 진행할 수 있는 tus 프로토콜 기반 업로드
• 02Google Drive, Dropbox, Box, OneDrive 및 원격 URL에서 파일 선택
• 03업로드 소스로 웹캠 사진 및 동영상 캡처
• 04미리보기, 진행률 표시줄, 메타데이터 편집기가 포함된 Dashboard UI
• 05React, Vue, Svelte, Angular 바인딩을 지원하는 모듈형 플러그인 아키텍처
• 06Golden Retriever를 통한 브라우저 충돌 후 파일 복구 옵션

활용 사례

• 대용량 파일을 지원하는 안정적인 파일 업로드 양식을 웹 앱에 추가
• 사용자가 파일을 먼저 다운로드하지 않고 클라우드 드라이브에서 가져오도록 지원
• 브라우저에서 AWS S3 또는 자체 호스팅 tus 서버로 직접 업로드
• headless 컴포넌트나 hooks를 기반으로 사용자 지정 업로드 인터페이스 구축

빠른 시작

1. 1

   npm으로 core, Dashboard, Tus 패키지를 설치합니다

   npm install @uppy/core @uppy/dashboard @uppy/tus
2. 2

   uppy.min.css 스타일시트를 페이지의 head에 추가합니다

3. 3

   JavaScript에서 Dashboard 및 Tus 플러그인을 사용해 Uppy를 초기화합니다

사용 전 알아둘 점

• !Google Drive, Dropbox, Box와 같은 일부 소스 플러그인을 사용하려면 별도로 호스팅되는 Companion 서버가 필요합니다.

토픽

자주 묻는 질문

uppy은(는) 무엇인가요?

재개 가능한 업로드, 클라우드 파일 선택기, 웹캠 캡처와 바로 사용할 수 있는 Dashboard UI를 제공하는 브라우저용 모듈형 JavaScript 파일 업로더입니다. Uppy는 파일 선택, 미리보기, 메타데이터 편집, 업로드를 처리하도록 웹 애플리케이션에 추가하는 모듈형 JavaScript 파일 업로더입니다. 핵심은 작은 플러그인 시스템으로, Dashboard 같은 UI에 소스(로컬 디스크, 웹캠, Google Drive, Dropbox, Box, OneDrive, 원격 URL)와 대상(Tus, AWS S3 또는 일반 XHR 엔드포인트)을 조합할 수 있습니다.

uppy은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

uppy은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

uppy은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. uppy의 마지막 커밋은 2026년 11월 5일입니다.

uppy은(는) 어디에 사용할 수 있나요?

대용량 파일을 지원하는 안정적인 파일 업로드 양식을 웹 앱에 추가 사용자가 파일을 먼저 다운로드하지 않고 클라우드 드라이브에서 가져오도록 지원 브라우저에서 AWS S3 또는 자체 호스팅 tus 서버로 직접 업로드 headless 컴포넌트나 hooks를 기반으로 사용자 지정 업로드 인터페이스 구축

uppy는 어떻게 설치하나요?

npm으로 core, Dashboard, Tus 패키지를 설치합니다: npm install @uppy/core @uppy/dashboard @uppy/tus uppy.min.css 스타일시트를 페이지의 head에 추가합니다 JavaScript에서 Dashboard 및 Tus 플러그인을 사용해 Uppy를 초기화합니다

uppy은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/transloadit/uppy