programmingjavascriptetc

Mac OX에 emscripten 설치하기

emscripten, javascript, javascript compiler

들어가기

emscipten은 C 또는 C++를 최적화된 JavaScript로 변환해주는 LLVM(Low Level Virtual Machine)기반 프로젝트로 C와 C++ 코드를 플러그인 없이 웹에서 native 수준의 속도로 실행할 수 있습니다. emscipten에 대한 보다 자세한 설명은 추후 포스팅에서 이어나가도록 하겠습니다. 그럼 홈페이지에 나와 있는 설치 방법을 보겠습니다.

설치

먼저, emcripten 사이트에서 Mac OX 환경에 맞는 sdk를 다운로드합니다.

다운로드가 완료되면 폴더 압축을 풀어준 뒤 sdk 폴더 안으로 들어갑니다.

1
./emsdk update

./emsdk update로 사용 가능한 tool의 최신 레지스트리를 가져옵니다.

1
./emsdk install latest

이어 가장 최신 버젼의 sdk를 설치합니다.

1
./emsdk activate latest

현재 user로 하여금 설치한 sdk를 사용할 수 있게 활성화 합니다.

1
source ./emsdk_env.sh

경로 및 다른 환경 변수를 활성화 합니다.

test 실행

emscipten의 설치가 완료되면 ./emcc 또는 ./em++를 활용해 간단한 테스트를 진행 할수가 있습니다.

우선 설치가 잘 진행됐는지 버젼 확인부터 해보겠습니다. 압축 푼 폴더 내부에 emscripten/{version}/ 에서 테스트를 진행할 수 있습니다.

보시는 거와 같이 emscipten이 정상적으로 설치가 됐습니다.

정상적으로 설치가 됐으니 C로 작성된 코드를 테스트 해보겠습니다. 코드 작성은 직접 작성해도 되지만 test 폴더 안에 있는 예제를 활용해 보겠습니다.

1
2
3
4
5
6
#include <stdio.h>

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

C로 작성된 hello wordl 예제입니다.

1
./emcc tests/hello_world.c

JavaScript 코드로 변환하기 위해서는 ./emcc 뒤 파일을 지정하면 됩니다.

그럼 a.out.js 파일을 확인할 수 있고 이를 다시 node a.out.js 명령어를 치면 터미널에 “hello, world”를 확인할 수 있습니다.

1
./emcc tests/hello_world.c -o hello.html

브라우져 실행을 위해서는 테스트 파일을 html로 지정해주기만 하면 hello.html를 통해 확인할 수 있습니다.

마치며

보다 많은 예제와 사용법은 emscipten 공식 홈페이지를 참고해주세요.

참조

emscripten
emscripten install document
emscripten tutorial

Share