DOMParser
브라우저는 XML 해석기다
해결하는 문제
XML 파일(RSS, 사이트맵, 공공 데이터)을 읽으려면 별도 프로그램이 필요하다고 생각한다.
브라우저에 내장된 DOMParser로 XML을 나무 구조로 읽고, querySelector나 XPath로 찾고, XMLSerializer로 다시 글자로 되돌립니다.
서버 의존도
서버 없이 브라우저 기본 기능만 씁니다.
브라우저만브라우저 + CDN브라우저 + API 키브라우저 + 엣지 함수서버 필요
데이터가 흐르는 길
무엇이 들어와서 브라우저 안에서 어떻게 바뀌어 나가는지 정리했습니다.
들어오는 것XML 텍스트 (RSS, sitemap, SVG)
브라우저가 하는 일나무 구조로 바꿔 원하는 태그 찾기·수정
나오는 것표, 수정된 XML
쓰는 브라우저 기술
DOMParserXMLSerializerdocument.evaluate (XPath)
라이브러리와 모델
외부 라이브러리 없이 브라우저 기본 기능만 씁니다.
바꿀 수 있는 옵션
- application/xml 형식 지정
- 이름공간(namespace) 처리
- 오류 태그 확인
자주 막히는 곳
- 이름공간이 있는 XML은 태그 이름 그대로 찾으면 안 나온다
- 깨진 XML은 오류 태그로 돌아온다
이 능력으로 만들 수 있는 서비스
같은 기술을 AI 서비스, 웹 서비스, 피지컬 AI로 넓힌 예시입니다.
AI 서비스
- XML 구조를 AI에 보여 주고 추출 코드 받기
웹 서비스
- RSS 모아 보기, 사이트맵 점검
피지컬 AI
- 장비 설정 XML 편집기
넓히는 방법
- HWPX·DOCX 속 XML 고치기
- 공공 데이터 XML을 표로
지원 브라우저
PC 크롬·엣지된다
맥 사파리된다
안드로이드 크롬된다
아이폰 사파리된다
코딩 에이전트에게 줄 프롬프트
복사해서 Claude, Codex, Cursor 같은 코딩 에이전트에 그대로 붙여 넣습니다.
RSS 주소의 XML을 DOMParser로 읽어 제목, 날짜, 링크를 표로 보여주는 웹페이지를 만들어줘.
같은 분류의 능력
01 문서·파일 처리에 속한 다른 능력입니다.
무료로 보는 것
체험 페이지, 한 줄 설명, 미리보기 영상
스킬팩 구성
full.html, skill.md, prompt.md, rules.md, customize.md, troubleshooting.md, 예시 데이터, agent-instructions.md