목록WebAssembly in Action (5)

DEV.log

Extern "C" 블록

컴파일러는 코드를 컴파일할 때 네임 맹글링, 즉 함수 매개변수 정보를 함수명에 추가하는 식으로 함수명이 중복되지 않게 바꿉니다. 그러나 외부 코드에서 특정 함수를 호출하려고 할 경우, 이렇게 컴파일러가 함수명을 임의로 변경하면 함수명으로 찾을 수가 없어서 문제가 됩니다. 그래서 자바스크립트에서 C++ 함수를 호출할 때에는 함수 주변을 extern "C" 블록으로 감싸야 합니다. 컴파일러에게 이 블록 안의 함수는 네임 맹글링을 하지 말라고 알리는 것입니다. #ifdef __cplusplus extern "C" { // So that the C++ compiler does not rename our function names #endif // 웹어셈블리 함수는 여기에 작성한다. #ifdef __cpluspl..
WebAssembly/웹어셈블리 인 액션 2022. 1. 30. 18:02
엠스크립튼의 조건부 컴파일 심볼과 헤더 파일

웹어셈블리 모듈을 개발하려면 엠스크립튼 헤더 파일을 코드에 추가해야 컴파일이 가능합니다. 엠스크립튼은 __EMSCRIPTEN_ 라는 조건부 컴파일 심볼을 제공합니다. 다음과 같이 하면 엠스크립튼으로 코드를 컴파일할 경우에만 헤더가 포함됩니다. #include #include // If this is an Emscripten (WebAssembly) build then... #ifdef __EMSCRIPTEN__ #include #endif 참고 자료 http://www.yes24.com/Product/Goods/92907281 웹어셈블리 인 액션 - YES24 웹 개발의 새로운 지평을 열게 될 잠재력 높은 기술!웹어셈블리를 처음 접하는 분을 위한 안내서로, 자바스크립트에 의존하지 않고도 브라우저 기반의 ..
WebAssembly/웹어셈블리 인 액션 2022. 1. 30. 17:56
Uncaught (in promise) TypeError: WebAssembly.instantiate(): Import #0 module="env" error: module is not an object or function

Where did the problem occur? 도서명 웹어셈블리 인 액션 구분 주요 기술 오류(로직/코드) 상품 버전 종이책 페이지 116~121 페이지 위치정보 4.2 엠스크립튼 연결 코드 없이 동작하는 웹어셈블리 모듈 생성하기 4.2.2 코드를 웹어셈블리 모듈로 컴파일 본문 내용 지금까지 작성한 C++ 코드를 자바스크립트 연결 파일을 생성하지 않고 웹어셈블리 모듈러 컴파일하겠습니다. emcc side_module_system_functions.cpp validate.cpp -s SIDE_MODULE=2 -O1 -o validate.wasm​ Problem 엠스크립튼 3.1.2 버전에서 실습할 경우 개발자 도구 콘솔창에서 오류를 확인할 수 있습니다. Uncaught (in promise) Type..
WebAssembly/웹어셈블리 인 액션 2022. 1. 30. 17:18
Uncaught TypeError: Module._malloc is not a function

Where did the problem occur? 도서명 웹어셈블리 인 액션 구분 주요 기술 오류(로직/코드) 상품 버전 종이책 페이지 98~107 페이지 위치정보 4.1 엠스크립튼 연결 코드로 동작하는 웹어셈블리 모듈 생성하기 4.1.4 모듈과 상호작용할 자바스크립트 작성 본문 내용 이렇게 문자열이 담긴 메모리는 ValidateName, ValidateCategory 같은 모듈 함수를 단순히 호출하는 것보다 오래 지속되므로 onClickSave 함수가 직접 수동으로 메모리를 관리해야 합니다. 표준 C 라이브러리 함수 malloc, free를 사용할 수 있게 엠스크립튼 연결 코드에서 제공되는 _malloc, _free 함수를 이용하면 모듈 메모리를 할당/해제할 수 있습니다. // 오류 메세지를 담을 2..
WebAssembly/웹어셈블리 인 액션 2022. 1. 30. 14:42
Prev 1 2 Next