Pyodide
HTML로 파이썬 하기 (Pyodide 실험실)
해결하는 문제
파이썬 설치가 막힌 PC에서 pandas로 데이터를 분석하고 싶다.
파이썬 실행기를 웹 어셈블리로 브라우저에 올려 pandas, matplotlib, scikit-learn까지 설치 없이 돌리는 14가지 도구 실험실입니다.
서버 의존도
외부 라이브러리나 AI 모델을 CDN에서 받아 옵니다. 서버는 필요 없고, 오프라인용은 ./libs/에 넣어 둡니다.
브라우저만브라우저 + CDN브라우저 + API 키브라우저 + 엣지 함수서버 필요
데이터가 흐르는 길
무엇이 들어와서 브라우저 안에서 어떻게 바뀌어 나가는지 정리했습니다.
들어오는 것파이썬 코드와 CSV
브라우저가 하는 일브라우저 안의 파이썬이 실행
나오는 것결과 표와 그래프
쓰는 브라우저 기술
WebAssemblyWeb Worker
라이브러리와 모델
Pyodidepandas·numpy·matplotlib (필요할 때 불러오기)
바꿀 수 있는 옵션
- loadPackage: 라이브러리 추가
- Web Worker에서 실행해 화면 멈춤 방지
- 가상 파일 시스템
자주 막히는 곳
- 더블클릭(file://)으로 열면 .wasm을 못 읽는다
- 한글 CSV는 EUC-KR 인코딩을 따로 처리해야 한다
- 첫 로딩이 수십 MB라 오프라인용은 libs 폴더에 넣어 둬야 한다
이 능력으로 만들 수 있는 서비스
같은 기술을 AI 서비스, 웹 서비스, 피지컬 AI로 넓힌 예시입니다.
AI 서비스
- AI가 쓴 파이썬 코드를 바로 실행해 검증
- 데이터 분석 보고서 자동 생성
웹 서비스
- 설치 없는 파이썬 교육
- 망분리 PC 데이터 분석
피지컬 AI
- 센서 CSV를 파이썬으로 분석
- MicroPython 코드 미리 시험
넓히는 방법
- 엑셀을 올려 pandas로 분석
- 오프라인 파이썬 실습실
- JupyterLite 노트북
지원 브라우저
PC 크롬·엣지된다
맥 사파리된다
안드로이드 크롬된다
아이폰 사파리된다
코딩 에이전트에게 줄 프롬프트
복사해서 Claude, Codex, Cursor 같은 코딩 에이전트에 그대로 붙여 넣습니다.
웹페이지 안에서 Pyodide로 파이썬 코드를 실행하고, CSV를 pandas로 분석해 그래프까지 보여주는 HTML 파일 하나를 만들어줘.
같은 분류의 능력
05 데이터 분석·대시보드에 속한 다른 능력입니다.
무료로 보는 것
체험 페이지, 한 줄 설명, 미리보기 영상
스킬팩 구성
full.html, skill.md, prompt.md, rules.md, customize.md, troubleshooting.md, 예시 데이터, agent-instructions.md