[WASM&Rust] 세팅 및 시작

#WebAssembly

먼저 wasm-pack이라는 것을 설치해주자. wasm에 대한 기능은 다 이걸 통해 제공되는 것 같다.

https://rustwasm.github.io/wasm-pack/installer/
들어가서

저거 깔고 실행하면

이래 뜰 것이다. 잘 설치했다고 한다.

그리고 rust 프로젝트를 잘 만든다.
수동으로 터미널에서 만들든, Jetbrain 편집기들을 이용해 만들든.

그러고 나서 종속성 관리 파일인 Cargo.toml을 아래와 같이 설정해둔다.

[package]
name = "wasm_test"
version = "0.1.0"
authors = ["sssan"]
edition = "2018"

[lib]
crate-type = ["cdylib", "rlib"]

[features]
default = ["console_error_panic_hook"]

[dependencies]
wasm-bindgen = "0.2"

# console_error_panic_hook 크레이트는 console.error로 로깅을 해서 더 좋은 패닉 디버깅을 제공함
# 개발에는 좋지만 배포할때는 빼는게 좋음. std::fmt` and `std::panicking를 전부 필요로 하기 때문.
console_error_panic_hook = { version = "0.1.1", optional = true }

# wee_alloc는 wasm을 위한 소형 allocator. 조금 느린 대신,
# 코드 사이즈가 10K까지도 늘 수 있는 디폴트 allocator에 비해 최대 1K까지만 유지함.
# 근데 wee_alloc은 아직 wasm에 대해서는 nightly 버전에서만 동작함
wee_alloc = { version = "0.4.2", optional = true }

[dev-dependencies]
wasm-bindgen-test = "0.2"

[profile.release]
# rustc에게 코드 사이즈를 작게(small) 만들어줄 것을 요구
opt-level = "s"

그리고 main.rs은 지워버리고 lib와 utils라는 파일을 생성해둔다.
그중에서도 lib는 꼭 필요한 요소다. 저 이름의 파일이 없으면 빌드할때 에러를 던질 것이다.

utils 파일엔 대충 아래와 같이 써둔다.

pub fn set_panic_hook()
{
    // console_error_panic_hook 기능이 enable된 상태에서,
    // 초기화 중에 최소 한번 호출. 패닉이 발생할 경우 더 좋은 메세지를 보여줌
    #[cfg(feature = "console_error_panic_hook")]
        console_error_panic_hook::set_once();
}

이제 lib에 있는 코드가 본격적으로 다루게 될 부분이다.

mod utils;
use wasm_bindgen::prelude::*;

// wee_alloc 기능이 enable된 상태에서, wee_alloc을 전역 allocator로 사용.
#[cfg(feature = "wee_alloc")]
#[global_allocator]
static ALLOC: wee_alloc::WeeAlloc = wee_alloc::WeeAlloc::INIT;

#[wasm_bindgen]
extern
{
    fn alert(s: &str);
}

#[wasm_bindgen]
pub fn hello()
{
    alert("Hello!!!");
}

#[wasm_bindgen]
pub fn add(l:i32, r:i32)->i32
{
    return l+r;
}