만두몬 도구가 업로드 없이 브라우저 안에서 처리하는 이유
만두몬의 이모지·QR 도구가 파일을 서버로 보내지 않고 브라우저에서 처리하는 이유와 방식, Canvas와 Web Worker 개념, 그리고 이 방식의 한계를 솔직하게 설명합니다.
- 작성일
- 수정일
온라인 변환 도구를 쓰다 보면 "내 사진이 어디로 가는 걸까" 하는 생각이 한 번쯤 듭니다. 만두몬의 이모지 메이커와 디자인 QR은 입력한 글자와 사진을 서버로 올리지 않고, 사용자의 브라우저 안에서만 처리하도록 만들었습니다. 이 글은 그 방식이 어떻게 가능한지, 무엇이 좋아지고 무엇이 불편해지는지를 감추지 않고 적은 것입니다.
"브라우저 안에서 처리한다"는 말의 뜻
보통의 온라인 도구는 파일을 서버로 보내고, 서버가 변환한 결과를 돌려받는 구조입니다. 반대로 브라우저 안에서 처리한다는 것은 웹페이지가 열릴 때 프로그램(자바스크립트)이 함께 내려오고, 이후의 계산은 모두 내 컴퓨터나 휴대폰에서 실행된다는 뜻입니다. 사진을 고르면 파일은 기기 밖으로 나가지 않고 브라우저의 메모리에서 읽혀 그려집니다. 서버는 페이지와 프로그램을 내려 주는 역할만 하고, 내 사진을 받은 적이 없습니다.
왜 이렇게 만들었나
- 개인정보 — 가족 사진이나 사내 로고, 와이파이 비밀번호가 QR에 들어가는 순간에도 외부로 나가지 않으니 맡길 필요가 없습니다.
- 속도 — 업로드와 다운로드를 기다리지 않으므로 글자를 고칠 때마다 미리보기가 즉시 바뀝니다.
- 비용과 지속성 — 변환 서버를 운영하지 않으니 가입이나 구독 없이 무료로 유지할 수 있습니다. 서버 점검으로 서비스가 멈출 위험도 작습니다.
- 오프라인 친화 — 페이지를 한 번 불러온 뒤에는 인터넷이 불안정해도 대부분의 작업을 이어 갈 수 있습니다.
Canvas와 Web Worker, 쉽게 이해하기
브라우저에는 그림을 그리는 도화지 같은 기능이 있고, 이것을 Canvas 라고 부릅니다. 글자를 어느 위치에 어떤 글꼴로 놓을지, 사진을 몇 도 돌릴지 같은 명령을 주면 픽셀 단위로 그림이 만들어집니다. 움직이는 이모지는 이 도화지에 약간씩 다른 그림을 여러 장 그려 이어 붙인 것입니다. 그 프레임들을 하나의 GIF 파일로 묶는 인코딩도 브라우저 안에서 수행합니다.
Web Worker는 브라우저가 화면 처리와 별개로 계산을 시킬 수 있게 해 주는 "보조 일꾼"입니다. 무거운 계산을 화면과 같은 곳에서 하면 버튼이 굳어 버릴 수 있어서, 별도의 일꾼에게 맡겨 화면은 계속 부드럽게 두는 방식입니다. 모든 도구가 반드시 이 기능을 쓰는 것은 아니지만, 브라우저 안 처리가 현실적인 이유는 이런 기능들이 이미 브라우저에 갖춰져 있기 때문입니다.
솔직하게 말하는 한계
브라우저 안 처리가 만능은 아닙니다. 아래 점들은 알고 쓰시는 편이 좋습니다.
- 기기 성능의 영향을 받습니다. 용량이 큰 이미지나 프레임이 많은 GIF는 오래된 휴대폰에서 느리거나 실패할 수 있습니다.
- 처음 한 번은 내려받는 것이 있습니다. 글꼴이나 AI 누끼 같은 기능은 처음 쓸 때 필요한 데이터를 불러옵니다. 이는 모델이나 글꼴을 받아오는 것이며 내 사진을 보내는 것은 아닙니다.
- 완전히 아무것도 남지 않는 것은 아닙니다. 접속 시 주소, 시간, 브라우저 정보 같은 기본 접속 기록은 호스팅 서비스(Cloudflare)에서 처리될 수 있고, 색·모양 같은 설정은 내 브라우저에 저장될 수 있습니다.
- 공유 기능은 별개입니다. 만든 이모지를 갤러리에 공개하는 것처럼 내가 직접 선택한 경우에는 필요한 정보가 서버에 저장됩니다. 업로드한 이미지가 쓰인 이모지는 갤러리에 공개할 수 없게 막아 두었습니다.
- 브라우저 개발자 도구를 볼 줄 안다면 네트워크 탭에서 직접 확인할 수 있습니다. 믿어 달라는 말 대신 확인해 볼 수 있다는 점이 이 방식의 장점입니다.
직접 확인하는 방법
- 브라우저에서 이모지 메이커를 열고 개발자 도구(F12)의 Network 탭을 엽니다.
- 사진을 올리고 효과를 바꿔 보면서 Network 탭을 지켜봅니다.
- 이미지를 담은 업로드 요청(POST)이 나가지 않는 것을 볼 수 있습니다.
정리하면 브라우저 안 처리는 "믿어 주세요"가 아니라 "직접 확인해 보세요"에 가까운 방식입니다. 다만 모든 위험이 사라지는 것은 아니므로, 어떤 정보가 기기 안에 머물고 어떤 정보가 선택에 따라 서버로 가는지를 구분해서 이해해 두면 안심하고 쓸 수 있습니다. 만두몬은 앞으로도 새 도구를 만들 때 같은 원칙을 우선으로 삼고, 예외가 생기면 해당 도구의 안내 문구와 개인정보처리방침에 분명히 적겠습니다.