WASM 예제 실행하기

1. git clone https://github.com/emscripten-core/emsdk.git

2. cd emsdk

3. ./emsdk install latest

4. ./emsdk activate latest

5. source ./emsdk_env.sh

6. 예제 작성

#include <iostream>

int main() {
	std::cout << "[WASM] Loaded" << std::endl;
    std::cout << "Hello World" << std::endl;
}

7. em++ main.cpp -o index.html

8. http-server .

   • 생성된 index.html 파일을 실행 직접 실행하면 아래와 같은 에러가 발생한다.
   • 따라서 http-server를 설치하고 서버를 통해 실행하자.

Access to XMLHttpRequest at 'file:///goinfre/sejpark/wasm_prac/index.wasm' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted.

출처:

• WASM 튜토리얼 자료: https://tech.kakao.com/2021/05/17/frontend-growth-08/

• 에러 관련 참고자료: https://velog.io/@takeknowledge/%EB%A1%9C%EC%BB%AC%EC%97%90%EC%84%9C-CORS-policy-%EA%B4%80%EB%A0%A8-%EC%97%90%EB%9F%AC%EA%B0%80-%EB%B0%9C%EC%83%9D%ED%95%98%EB%8A%94-%EC%9D%B4%EC%9C%A0-3gk4gyhreu