Q1: Rust에서 WebAssembly(wasm)를 사용하려면 무엇부터 시작해야 하나요?
A1: 가장 기본적으로 Rust와 `wasm32-unknown-unknown` 타겟을 설치해야 합니다.
```bash
rustup target add wasm32-unknown-unknown
```
이후 `cargo` 명령어와 함께 `wasm-bindgen` 크레이트를 사용해 wasm 바인딩을 생성하는 방식으로 진행합니다.

---

Q2: Rust 코드를 wasm으로 컴파일하는 기본 방법은?
A2: Rust 코드를 `wasm32-unknown-unknown` 타겟으로 컴파일합니다. 예:
```bash
cargo build --target wasm32-unknown-unknown --release
```
이후 생성된 `.wasm` 파일을 `wasm-bindgen` 도구로 자바스크립트와 연결할 수 있습니다.

---

Q3: `wasm-bindgen`이란 무엇인가요?
A3: Rust와 JavaScript 간에 원활한 상호작용을 도와주는 도구입니다. Rust 코드를 컴파일한 wasm에 JS 바인딩을 자동으로 생성해주어, JS에서 Rust 함수를 쉽게 호출하게 해줍니다.

---

Q4: `wasm-bindgen`을 사용하려면 어떻게 하나요?
A4: 우선 `wasm-bindgen-cli` 도구를 설치하세요:
```bash
cargo install wasm-bindgen-cli
```
컴파일 후 실행:
```bash
wasm-bindgen --target web --out-dir ./out target/wasm32-unknown-unknown/release/your_crate.wasm
```
이 명령은 wasm과 JS 바인딩 파일을 생성해줍니다.

---

Q5: 프로젝트 설정은 어떻게 해야 하나요?
A5: `Cargo.toml`에 `wasm-bindgen`을 의존성으로 추가합니다. 예시:
```toml
[dependencies]
wasm-bindgen = "0.2"
```
코드에는 함수 앞에 ` [wasm_bindgen]` 매크로를 사용해 JS에 노출할 함수를 표시합니다.

---

Q6: Rust 함수가 웹브라우저에서 호출 가능하게 하려면?
A6: ` [wasm_bindgen]` 어트리뷰트를 사용해 함수를 표시합니다. 예:
```rust
use wasm_bindgen::prelude::*;

[wasm_bindgen] pub fn add(a: i32, b: i32) -> i32 {
a + b
}
```
이후 빌드된 wasm과 JS 바인딩으로부터 JavaScript에서 `add`를 호출할 수 있습니다.

---

Q7: 개발 편의를 위한 툴이나 프레임워크가 있나요?
A7: 네, `wasm-pack`이 대표적입니다.
```bash
cargo install wasm-pack
wasm-pack build --target web
```
이 도구는 빌드, 바인딩 생성, 패키징까지 한번에 수행해줍니다. 또한 Yew, Seed 같은 Rust 기반 웹 프레임워크도 wasm을 활용합니다.

---

Q8: Rust wasm 모듈을 웹 프로젝트에 어떻게 포함시키나요?
A8: `wasm-bindgen` 또는 `wasm-pack`으로 생성된 JS 바인딩 파일을 웹 프로젝트에 포함시키고, JS에서 `import` 하거나 `

Check the console for output!

```

8. 로컬 서버에서 실행 WASM 모듈을 테스트하기 위해 로컬 서버를 실행해야 합니다.

`http-server`와 같은 간단한 HTTP 서버를 사용할 수 있습니다.

`http-server`를 설치하고 실행합니다.

```bash npm install -g http-server http-server . ``` 이제 브라우저에서 `http://localhost:8080`에 접속하면, 콘솔에서 "Hello, World!" 메시지를 확인할 수 있습니다.



9. 배포 WASM 모듈을 배포할 때는 생성된 `pkg` 디렉토리와 `index.html` 파일을 웹 서버에 업로드하면 됩니다.

대부분의 웹 호스팅 서비스에서 WASM 파일을 지원하므로, 별도의 설정 없이도 쉽게 배포할 수 있습니다.

결론 Rust에서 WebAssembly를 사용하는 과정은 비교적 간단하며, Rust의 성능과 안전성을 웹 애플리케이션에 통합할 수 있는 강력한 방법입니다.

위의 단계를 통해 Rust로 작성된 코드를 WASM으로 컴파일하고, 이를 JavaScript와 함께 사용할 수 있습니다.

Rust와 WASM의 조합은 특히 성능이 중요한 웹 애플리케이션에서 큰 장점을 제공합니다.