매직 바이트
파일 부족 판별기
해결하는 문제
모르는 확장자 파일의 정체를 알고 싶다.
파일 앞부분 몇 바이트와 ZIP 구조를 확인해 네 부족(ZIP+XML, 순수 텍스트, 오픈 데이터, 닫힌 바이너리) 중 하나로 판정합니다.
서버 의존도
외부 라이브러리나 AI 모델을 CDN에서 받아 옵니다. 서버는 필요 없고, 오프라인용은 ./libs/에 넣어 둡니다.
브라우저만브라우저 + CDN브라우저 + API 키브라우저 + 엣지 함수서버 필요
데이터가 흐르는 길
무엇이 들어와서 브라우저 안에서 어떻게 바뀌어 나가는지 정리했습니다.
들어오는 것아무 파일
브라우저가 하는 일앞부분 바이트(파일 서명)와 ZIP 구조 확인
나오는 것네 부족 중 하나로 판정
쓰는 브라우저 기술
File APIArrayBuffer·DataViewTextDecoder
라이브러리와 모델
JSZip
바꿀 수 있는 옵션
- 읽을 바이트 길이
- 글자 인코딩 추정 (UTF-8, EUC-KR)
자주 막히는 곳
- 확장자만 보고 판단하면 틀린다 (파일 앞부분 서명을 봐야 함)
- EUC-KR 문서를 UTF-8로 읽으면 글자가 깨진다
이 능력으로 만들 수 있는 서비스
같은 기술을 AI 서비스, 웹 서비스, 피지컬 AI로 넓힌 예시입니다.
AI 서비스
- 파일 종류별 AI 활용법 안내
- 문서 자동 분류
웹 서비스
- 파일 이해 교육 도구
- 올리기 전 형식 검사
피지컬 AI
- 데이터 로거 파일 형식 확인
- 장비가 내보낸 파일 변환기
넓히는 방법
- 판정 뒤 맞는 추출기로 자동 연결
- 폴더 일괄 판정 보고서
지원 브라우저
PC 크롬·엣지된다
맥 사파리된다
안드로이드 크롬된다
아이폰 사파리된다
코딩 에이전트에게 줄 프롬프트
복사해서 Claude, Codex, Cursor 같은 코딩 에이전트에 그대로 붙여 넣습니다.
파일을 끌어다 놓으면 ZIP+XML, 순수 텍스트, 오픈 데이터, 닫힌 바이너리 중 어느 부족인지 판별해주는 웹페이지를 만들어줘.
같은 분류의 능력
01 문서·파일 처리에 속한 다른 능력입니다.
무료로 보는 것
체험 페이지, 한 줄 설명, 미리보기 영상
스킬팩 구성
full.html, skill.md, prompt.md, rules.md, customize.md, troubleshooting.md, 예시 데이터, agent-instructions.md