개발자가 99+ 개의 브라우저 기반 도구를 하나의 플랫폼으로 통합해 10+ 개 웹사이트 분산 방문 제거

Context

개발자는 JSON 포맷팅, 이미지 변환, 정규식 테스트, DNS 조회, QR 코드 생성 등의 작업을 위해 10개 이상의 서로 다른 웹사이트를 오갔다. 각 도구마다 설치, 회원가입, 불필요한 기능들이 필요한 상황이었다.

Technical Solution

• Vanilla JavaScript 기반 개발로 React, Vue 등 무거운 프레임워크 제외
• HTML5, CSS3, 네이티브 Web APIs(pdf-lib, pdf.js 포함) 활용해 브라우저 내 로컬 처리 구현
• PDF 도구(편집, 병합, 압축, 워터마크, 이미지 변환), 이미지 도구(형식 변환, PDF 변환, HEIC 변환, QR 코드, SVG 변환) 구성
• 개발자 도구(JSON 포매터, JavaScript 뷰티파이어, SQL 포매터, 정규식 테스터, PHP 샌드박스, CSS/YAML 포매터, Markdown 변환기, 색상 추출기) 포함
• 네트워크 도구(IP 확인, DNS 조회, 웹사이트 가동시간 확인)와 유틸리티(비밀번호 생성기, 단어 수 세기, 단위 변환, 해시 생성기, Lorem Ipsum 생성기) 제공

Key Takeaway

모든 데이터 처리를 브라우저 내에서 수행하는 클라이언트 사이드 아키텍처로 설계하면 서버 인프라 불필요성, 데이터 프라이버시, 즉각적인 성능을 동시에 확보할 수 있다.