싹뚝 — 브라우저 파일 도구 모음
PDF·이미지·영상 변환부터 계산기까지 200여 가지 도구를 모은 코드블루 자체 제작 웹 서비스. 파일을 서버에 올리지 않고 모든 처리를 사용자의 브라우저 안에서 끝내는 것을 원칙으로 만들었습니다.
실제 고객사 프로젝트가 아닌 CodeBlue 자체 기획·제작물입니다.

- 고객
- CodeBlue 자체 제작 (실제 고객사 아님)
- 진행 시기
- 2026년(운영하며 계속 확장 중)
- 제작 범위
- 도구 200여 종
- 맡은 일
- 코드블루 자체 기획·디자인·개발·운영(실제 고객사 프로젝트 아님)
- 주요 기능
- PDF·이미지·영상·오디오 편집과 변환 · 브라우저 안에서 도는 AI 배경 제거 · 엑셀·CSV·JSON 변환 · 연봉·퇴직금 등 계산기 50여 종 · 업로드 없는 브라우저 내 처리
- 사용 기술
- Next.js · React · 브라우저 내 파일 처리 · 브라우저 내 AI 모델(배경 제거) · PWA(홈 화면 추가)
왜 만들었나요
PDF 합치기나 사진 용량 줄이기처럼 간단한 작업을 하려고 검색하면, 대부분의 무료 사이트가 파일을 자기 서버로 올리게 합니다. 계약서나 신분증 사진처럼 민감한 파일을 모르는 서버에 올리는 것이 늘 마음에 걸렸습니다. 싹뚝(처음 이름은 '뚝딱')은 '파일이 내 기기를 떠나지 않는 도구 모음'을 직접 만들어 보자는 생각에서 시작한 코드블루의 자체 프로젝트입니다.
어떤 도구가 있나요
- PDF: 합치기, 나누기, 용량 줄이기, JPG↔PDF 변환 등
- 이미지: 용량 줄이기, 크기 조절, HEIC→JPG, 증명사진 규격 자르기, AI 배경 제거(누끼) 등
- 영상·오디오: 용량 줄이기, 자르기, 화면 녹화, GIF 만들기, MP4→MP3 등
- 엑셀·CSV: CSV↔엑셀, 엑셀 합치기, JSON 변환 등
- 계산기: 연봉 실수령액, 퇴직금, 주휴수당, 실업급여, D-day 등 50여 종
- 생활 도구: QR 코드 만들기·읽기, 사다리 타기, 랜덤 뽑기 등
기술적으로 신경 쓴 부분
1. 업로드 없는 처리
모든 변환은 사용자의 브라우저 안에서 일어납니다. 이미 열린 도구는 인터넷을 끊어도 대부분 그대로 작동하고, 결과 파일에 워터마크도 넣지 않습니다. 회원가입이나 로그인도 없습니다.
2. 무거운 작업도 기기에서
배경 제거는 사람과 배경을 구분하는 AI 모델(약 44MB)을 처음 한 번 내려받아 기기에서 실행합니다. 처음에는 시간이 걸리지만 다음부터는 빨라지고, 사진은 어디로도 전송되지 않습니다. 이런 특성을 도구마다 '자주 묻는 질문'으로 솔직하게 안내했습니다. 예를 들어 머리카락 경계가 배경과 비슷하면 흐려질 수 있다는 한계도 적어 두었습니다.
3. 찾기 쉬운 구조
도구가 많아질수록 찾기가 어려워지므로, 첫 화면에 검색창과 많이 쓰는 도구를 두고, 카테고리 아래 세부 분류(예: PDF 편집, PDF 변환)로 다시 나눴습니다. 도구마다 사용법과 FAQ가 있는 개별 페이지를 두어, 'PDF 합치기'처럼 필요한 작업 이름으로 검색해 바로 들어올 수 있게 했습니다.
이 프로젝트가 코드블루 작업에 주는 것
고객 홈페이지에서도 '꼭 서버가 필요한가?'를 먼저 묻는 습관이 이 프로젝트에서 생겼습니다. 서버 없이 처리할 수 있는 기능은 운영비가 들지 않고 개인정보 걱정도 줄어듭니다. 또 도구 페이지 200여 개를 직접 운영하며 쌓은 검색 노출·속도 최적화 경험을 고객 사이트에도 그대로 적용하고 있습니다.
