C 코드를 WASM / HTML 로 빌드하는 법

1. 깃헙에서 Emscripten SDK 를 다운로드

https://github.com/emscripten-core/emsdk

Code >> Download ZIP >> 다운받은 파일은 압축 해제

​

2. Powershell 을 실행시키고 압축 해제한 경로로 이동

cd "[해당경로]"

​

3. SDK 설치

./emsdk install latest

​

4. 사용 버전 설정

./emsdk activate latest

​

5. 환경변수 설정

emsdk_env.bat

emcmdprompt.bat

​

6. 정상적으로 설치되었는지 확인

emcc -v

버전 정보를 확인

​

7. 테스트용 hello_world.c 코드 작성

#include <stdio.h>

int main() {
  printf("hello, world!\n");
  return 0;
}

​

8. 코드 빌드

emcc hello_world.c -o hello.html

​

9. 웹서버에 업로드하여 실행 확인 (node.js 등)

 

10. 끝

축하드립니다. C/C++ 코드를 WASM 으로 컴파일 후 이를 웹 브라우저에서 실행시키는 것 까지 완료하였습니다.

​

참고

https://emscripten.org/docs/getting_started/downloads.html

https://developer.mozilla.org/en-US/docs/WebAssembly/C_to_wasm