# WebAssembly

WebAssembly(줄여서 **Wasm**)는 웹 브라우저에서 고성능 애플리케이션을 실행하기 위한 **이진 명령어 형식**(binary instruction format)입니다. 2015년부터 개발되기 시작하여 2017년에 주요 브라우저에서 공식 지원을 시작한 WebAssembly는 자바스크립트(Javascript)와 함께 웹 플랫폼에서 실행되는 두 번째 공식 언어로 자리 잡았습니다. 이 기술은 웹 환경에서 C, C++, Rust, Go 등 다양한 시스템 프로그래밍 언어로 작성된 코드를 안전하고 효율적으로 실행할 수 있도록 설계되었습니다.

## 개요

WebAssembly는 웹 브라우저가 자바스크립트 외에도 고성능 코드를 실행할 수 있도록 하기 위해 만들어진 **저수준 가상 머신**(low-level virtual machine) 기반의 이진 형식입니다. 기존의 자바스크립트는 해석 실행(interpreted) 방식으로 성능에 한계가 있었으나, WebAssembly는 컴파일된 바이너리를 거의 네이티브 수준의 속도로 실행할 수 있어 게임, 멀티미디어 처리, CAD 소프트웨어, 브라우저 내 가상 머신 등 성능이 중요한 분야에서 큰 주목을 받고 있습니다.

WebAssembly는 **W3C**(World Wide Web Consortium) 표준으로 제정되었으며, Chrome, Firefox, Safari, Edge 등 모든 주요 브라우저에서 지원됩니다.

---

## 주요 특징

### 1. 고성능 실행
WebAssembly는 컴파일된 언어의 바이너리를 브라우저에서 직접 실행할 수 있도록 설계되어, 자바스크립트보다 빠른 실행 속도를 제공합니다. 이는 특히 계산 집약적인 작업(예: 이미지 처리, 암호화, 물리 엔진 등)에서 두드러집니다.

### 2. 언어 중립성
C, C++, Rust, Kotlin, Go 등 다양한 언어를 WebAssembly로 컴파일할 수 있습니다. 이는 개발자가 선호하는 언어로 웹 애플리케이션을 작성할 수 있게 해줍니다.

### 3. 보안성
WebAssembly는 **샌드박스**(sandbox) 환경에서 실행되며, 메모리 접근은 엄격히 제어됩니다. 또한, 자바스크립트와 마찬가지로 **동일 출처 정책**(Same-Origin Policy)을 따르므로 보안 위험이 최소화됩니다.

### 4. 경량성 및 빠른 로딩
이진 형식으로 인해 파일 크기가 작고, 파싱 및 컴파일 속도가 빠릅니다. 이는 웹 애플리케이션의 초기 로딩 시간을 줄이는 데 기여합니다.

### 5. 자바스크립트와의 상호 운용성
WebAssembly 모듈은 자바스크립트에서 호출할 수 있으며, 반대로 자바스크립트 함수를 WebAssembly 내부에서 사용할 수 있습니다. 이를 통해 기존 웹 애플리케이션에 점진적으로 통합할 수 있습니다.

---

## 작동 원리

WebAssembly는 다음과 같은 구조로 작동합니다:

1. **소스 코드 작성**: 개발자는 C, Rust 등으로 코드를 작성합니다.
2. **컴파일**: 해당 코드를 WebAssembly로 컴파일합니다 (예: `emcc` 또는 `wasm-pack` 사용).
3. **배포**: 생성된 `.wasm` 파일을 웹 서버에 업로드합니다.
4. **로딩 및 실행**: 브라우저에서 자바스크립트를 통해 `.wasm` 파일을 로드하고, `WebAssembly.instantiate()` 등을 사용해 실행합니다.

예를 들어, C 코드를 WebAssembly로 컴파일하는 과정은 다음과 같습니다:

```bash
# Emscripten을 사용한 컴파일 예시
emcc hello.c -o hello.wasm -s STANDALONE_WASM
```

그리고 웹 페이지에서 이를 로드하는 자바스크립트 코드는 다음과 같습니다:

```javascript
fetch('hello.wasm')
  .then(response => response.arrayBuffer())
  .then(bytes => WebAssembly.instantiate(bytes))
  .then(result => {
    result.instance.exports.main();
  });
```

---

## 활용 사례

### 1. 게임 개발
Unity, Unreal Engine 등은 WebAssembly를 사용하여 브라우저에서 고성능 3D 게임을 실행합니다. 예: [WebGL 기반 게임](https://webassembly.org/demo/unity/)

### 2. 멀티미디어 처리
FFmpeg를 WebAssembly로 포팅하여 브라우저 내에서 비디오 인코딩, 오디오 변환 등을 수행할 수 있습니다.

### 3. 개발 도구
VS Code의 웹 버전인 **VS Code for the Web**은 WebAssembly를 사용해 로컬 수준의 편집 기능을 제공합니다.

### 4. 블록체인과 스마트 계약
일부 블록체인 플랫폼(예: EOS, Polkadot)은 스마트 계약을 WebAssembly로 실행하여 성능과 보안을 강화합니다.

### 5. 서버 사이드 활용 (WASI)
WebAssembly System Interface(**WASI**)를 통해 브라우저 외부에서도 WebAssembly를 실행할 수 있습니다. 이는 클라우드 함수, 마이크로서비스 등에서 활용됩니다.

---

## WASI (WebAssembly System Interface)

WASI는 WebAssembly가 브라우저 밖에서도 운영체제 자원(파일 시스템, 네트워크 등)에 접근할 수 있도록 하는 표준 인터페이스입니다. 이를 통해 WebAssembly는 서버, CLI 도구, 임베디드 시스템 등에서도 사용될 수 있습니다.

예: Rust로 작성된 프로그램을 WASI 기반으로 컴파일하면 다음과 같이 실행 가능

```bash
wasmtime myapp.wasm
```

---

## 관련 기술 및 도구

| 도구 | 설명 |
|------|------|
| **Emscripten** | C/C++ 코드를 WebAssembly로 컴파일하는 도구체인 |
| **wasm-pack** | Rust로 작성된 코드를 WebAssembly 패키지로 빌드 |
| **wasm-bindgen** | Rust와 자바스크립트 간의 상호 운용성을 향상 |
| **Wasmtime**, **Wasmer** | 독립형 WebAssembly 런타임 (WASI 지원) |

---

## 참고 자료 및 관련 문서

- [WebAssembly 공식 사이트](https://webassembly.org)
- [W3C WebAssembly 표준 문서](https://www.w3.org/TR/wasm-core-1/)
- [MDN Web Docs - WebAssembly](https://developer.mozilla.org/ko/docs/WebAssembly)
- [Emscripten 문서](https://emscripten.org)
- [Rust and WebAssembly](https://rustwasm.github.io/book/)

WebAssembly는 웹의 성능 한계를 넘어서는 핵심 기술로, 앞으로 브라우저 기반 애플리케이션의 패러다임을 변화시킬 것으로 기대됩니다.