Wasm은 네이티브 소스를 컴파일해 JavaScript가 호출하는 계산 모듈이다
C/C++/Rust 코드는 .wasm 바이너리로 컴파일되고 JS가 이를 로드해 고성능 함수를 UI와 연결한다.
| 단계 | 하는 일 | 확인 값 | 주의점 |
|---|---|---|---|
| Source | 성능이 필요한 로직 작성 | C, C++, Rust | DOM 조작을 Wasm에 맡기지 않음 |
| Compile | .wasm과 JS glue 생성 | toolchain, target | 빌드 설정과 파일 경로 확인 |
| Load | 브라우저가 모듈을 fetch | MIME type, cache, CORS | application/wasm 헤더 필요 |
| Instantiate | 메모리와 import 준비 | imports, linear memory | import object 불일치 |
| Call from JS | export 함수를 호출해 UI와 연결 | batching, result mapping | 작은 호출 왕복 비용 증가 |
Wasm은 DOM을 대체하는 기술이 아니라 계산 모듈에 가깝고 화면 제어는 여전히 JS가 맡는다.