본문 바로가기
IT

Dropzone 파일 자동 이동이 안 돼서 3시간 동안 삽질한 이야기

by qwanjk 2025. 7. 29.
반응형

Mac에서 다운로드 폴더가 너무 지저분해서 파일을 자동으로 정리하고 싶었어요. Dropzone이라는 앱을 발견했는데, 설정하다가 완전히 헤맸던 경험을 공유해볼게요. 알고 보니 Dropzone 앱과 Dropzone.js 라이브러리는 완전히 다른 거더라고요.

 

처음엔 웹 개발용 Dropzone.js인 줄 알았어요

 

구글에서 "Dropzone 파일 자동 이동"을 검색하니까 자꾸 JavaScript 코드가 나오는 거예요.

 

<form action="/upload" class="dropzone" id="myDropzone"></form>

<script>
Dropzone.options.myDropzone = {
  url: '/upload',
  autoProcessQueue: true,  // 자동 업로드 켜기
  maxFilesize: 10,
  acceptedFiles: '.jpg,.png,.pdf',
  init: function() {
    this.on('success', function(file, response) {
      console.log('파일 업로드 완료', response);
    });
  }
};
</script>

 

이런 코드 보고 아, 이거구나! 했죠. npm install dropzone도 하고, 서버 코드도 짜고... 근데 아무리 해도 Mac 폴더에 있는 파일이 안 움직이더라고요.

 

한참 삽질하다가 깨달았어요. Dropzone.js는 웹사이트에서 파일 업로드할 때 쓰는 라이브러리였어요. 서버로 파일 전송하는 거지, 로컬 폴더를 정리하는 게 아니었던 거예요.

 

반응형

 

서버 쪽 코드까지 짜봤는데도 안 돼요

 

더 웃긴 건, 서버 코드까지 열심히 짰다는 거예요. Node.js로 이렇게요:

 

// 이렇게 해도 Mac 폴더 자동 정리랑은 관계없었어요
app.post('/upload', upload.single('file'), (req, res) => {
  const file = req.file;
  // 업로드된 파일을 다른 폴더로 이동
  fs.rename(file.path, `/새폴더/${file.filename}`, (err) => {
    if (err) console.error(err);
    res.json({ success: true });
  });
});

 

이건 웹에서 업로드한 파일을 서버에서 옮기는 거지, 제 Mac 다운로드 폴더를 정리하는 게 아니었어요. 완전히 삽질한 거죠.

 

Mac용 Dropzone 앱 발견하고 설치했는데...

 

드디어 Mac App Store에서 진짜 Dropzone을 찾았어요. 메뉴바에 작은 아이콘이 생기고, 거기에 파일을 드래그하면 미리 설정한 폴더로 쓱 옮겨지는 앱이에요.

 

설치하고 나서 이것저것 만져봤어요:

 

  • 다운로드 폴더의 PDF는 자동으로 문서 폴더로
  • 스크린샷은 따로 스크린샷 폴더로
  • 압축 파일은 임시 폴더로

 

근데 여기서 또 문제가 생겼어요. Dropzone은 제가 직접 파일을 드래그해서 놓아야만 작동하더라고요. 완전 자동은 아니었어요.

 

Automator로 진짜 자동화 만들기

 

결국 Mac 기본 앱인 Automator로 해결했어요. 폴더 액션 스크립트로 이렇게 설정했어요:

 

  1. Automator 실행하고 "폴더 액션" 선택
  2. 다운로드 폴더를 감시 대상으로 지정
  3. "Finder 항목 이동" 액션 추가
  4. 조건 설정 (확장자별로 다른 폴더로 이동)

 

이렇게 하니까 파일이 다운로드되는 순간 자동으로 정리돼요. 코드 한 줄 안 짜고도 가능하더라고요.

 

Hazel이라는 유료 앱도 있어요

 

더 복잡한 규칙이 필요하다면 Hazel이라는 앱도 있어요. 이건 진짜 백그라운드에서 폴더를 계속 감시하면서 조건에 맞는 파일을 자동으로 옮겨줘요.

 

예를 들어:

 

  • 7일 지난 다운로드 파일은 자동 삭제
  • 파일명에 특정 단어가 들어가면 해당 폴더로
  • 파일 크기나 생성 날짜별로 자동 분류

 

비싸긴 한데 (거의 5만원...) 정말 강력해요.

 

웹 개발하시는 분들한테는 Dropzone.js도 정말 좋은 라이브러리예요. 파일 업로드 UI 만들 때 이만한 게 없거든요. 저처럼 헷갈리지 마시고 용도에 맞게 선택하세요.

 

이제 다운로드 폴더가 항상 깨끗해서 기분이 좋네요. 삽질은 했지만 덕분에 Dropzone.js도 배웠고, Mac 자동화 방법도 여러 개 알게 됐어요. 여러분도 한 번 시도해보세요!

 

 

2025.07.29 - [생산성] - 맥북 창 분할 Magnet 없이도 무료로 간단하게 정리하는 법

 

맥북 창 분할 Magnet 없이도 무료로 간단하게 정리하는 법

맥북 쓰다가 창 여러 개 띄워놓고 작업할 때 정말 불편하죠. 윈도우처럼 창을 화면 절반씩 나눠서 쓰고 싶은데, 많은 분들이 Magnet이라는 유료 앱을 추천해요. 근데 이거 돈 주고 살 필요 전혀 없

qwanjk.tistory.com

 

반응형