만두몬 도구가 업로드 없이 브라우저 안에서 처리하는 이유

만두몬의 이모지·QR 도구가 파일을 서버로 보내지 않고 브라우저에서 처리하는 이유와 방식, Canvas와 Web Worker 개념, 그리고 이 방식의 한계를 솔직하게 설명합니다.

온라인 변환 도구를 쓰다 보면 "내 사진이 어디로 가는 걸까" 하는 생각이 한 번쯤 듭니다. 만두몬의 이모지 메이커와 디자인 QR은 입력한 글자와 사진을 서버로 올리지 않고, 사용자의 브라우저 안에서만 처리하도록 만들었습니다. 이 글은 그 방식이 어떻게 가능한지, 무엇이 좋아지고 무엇이 불편해지는지를 감추지 않고 적은 것입니다.

"브라우저 안에서 처리한다"는 말의 뜻

보통의 온라인 도구는 파일을 서버로 보내고, 서버가 변환한 결과를 돌려받는 구조입니다. 반대로 브라우저 안에서 처리한다는 것은 웹페이지가 열릴 때 프로그램(자바스크립트)이 함께 내려오고, 이후의 계산은 모두 내 컴퓨터나 휴대폰에서 실행된다는 뜻입니다. 사진을 고르면 파일은 기기 밖으로 나가지 않고 브라우저의 메모리에서 읽혀 그려집니다. 서버는 페이지와 프로그램을 내려 주는 역할만 하고, 내 사진을 받은 적이 없습니다.

왜 이렇게 만들었나

  • 개인정보 — 가족 사진이나 사내 로고, 와이파이 비밀번호가 QR에 들어가는 순간에도 외부로 나가지 않으니 맡길 필요가 없습니다.
  • 속도 — 업로드와 다운로드를 기다리지 않으므로 글자를 고칠 때마다 미리보기가 즉시 바뀝니다.
  • 비용과 지속성 — 변환 서버를 운영하지 않으니 가입이나 구독 없이 무료로 유지할 수 있습니다. 서버 점검으로 서비스가 멈출 위험도 작습니다.
  • 오프라인 친화 — 페이지를 한 번 불러온 뒤에는 인터넷이 불안정해도 대부분의 작업을 이어 갈 수 있습니다.

Canvas와 Web Worker, 쉽게 이해하기

브라우저에는 그림을 그리는 도화지 같은 기능이 있고, 이것을 Canvas 라고 부릅니다. 글자를 어느 위치에 어떤 글꼴로 놓을지, 사진을 몇 도 돌릴지 같은 명령을 주면 픽셀 단위로 그림이 만들어집니다. 움직이는 이모지는 이 도화지에 약간씩 다른 그림을 여러 장 그려 이어 붙인 것입니다. 그 프레임들을 하나의 GIF 파일로 묶는 인코딩도 브라우저 안에서 수행합니다.

Web Worker는 브라우저가 화면 처리와 별개로 계산을 시킬 수 있게 해 주는 "보조 일꾼"입니다. 무거운 계산을 화면과 같은 곳에서 하면 버튼이 굳어 버릴 수 있어서, 별도의 일꾼에게 맡겨 화면은 계속 부드럽게 두는 방식입니다. 모든 도구가 반드시 이 기능을 쓰는 것은 아니지만, 브라우저 안 처리가 현실적인 이유는 이런 기능들이 이미 브라우저에 갖춰져 있기 때문입니다.

솔직하게 말하는 한계

브라우저 안 처리가 만능은 아닙니다. 아래 점들은 알고 쓰시는 편이 좋습니다.

  • 기기 성능의 영향을 받습니다. 용량이 큰 이미지나 프레임이 많은 GIF는 오래된 휴대폰에서 느리거나 실패할 수 있습니다.
  • 처음 한 번은 내려받는 것이 있습니다. 글꼴이나 AI 누끼 같은 기능은 처음 쓸 때 필요한 데이터를 불러옵니다. 이는 모델이나 글꼴을 받아오는 것이며 내 사진을 보내는 것은 아닙니다.
  • 완전히 아무것도 남지 않는 것은 아닙니다. 접속 시 주소, 시간, 브라우저 정보 같은 기본 접속 기록은 호스팅 서비스(Cloudflare)에서 처리될 수 있고, 색·모양 같은 설정은 내 브라우저에 저장될 수 있습니다.
  • 공유 기능은 별개입니다. 만든 이모지를 갤러리에 공개하는 것처럼 내가 직접 선택한 경우에는 필요한 정보가 서버에 저장됩니다. 업로드한 이미지가 쓰인 이모지는 갤러리에 공개할 수 없게 막아 두었습니다.
  • 브라우저 개발자 도구를 볼 줄 안다면 네트워크 탭에서 직접 확인할 수 있습니다. 믿어 달라는 말 대신 확인해 볼 수 있다는 점이 이 방식의 장점입니다.

직접 확인하는 방법

  1. 브라우저에서 이모지 메이커를 열고 개발자 도구(F12)의 Network 탭을 엽니다.
  2. 사진을 올리고 효과를 바꿔 보면서 Network 탭을 지켜봅니다.
  3. 이미지를 담은 업로드 요청(POST)이 나가지 않는 것을 볼 수 있습니다.

정리하면 브라우저 안 처리는 "믿어 주세요"가 아니라 "직접 확인해 보세요"에 가까운 방식입니다. 다만 모든 위험이 사라지는 것은 아니므로, 어떤 정보가 기기 안에 머물고 어떤 정보가 선택에 따라 서버로 가는지를 구분해서 이해해 두면 안심하고 쓸 수 있습니다. 만두몬은 앞으로도 새 도구를 만들 때 같은 원칙을 우선으로 삼고, 예외가 생기면 해당 도구의 안내 문구와 개인정보처리방침에 분명히 적겠습니다.

← 가이드