FORTIS FORTUNA ADIUVAT

Webassembly 환경 구성하기

Webassembly 환경은 Window, Linux, MacOS 등 다양한 환경에서 구성 가능하다.

이번 포스팅에서는 Window 환경 기준으로 Webassembly 환경을 구성해볼 예정입니다.

Webassembly 환경을 구성하기 위해서는 몇 가지 프로그램을 설치 해야 합니다.

1. 파이썬(Python) 3.x 설치 ( 다운로드 : www.python.org ) 
2. git 설치 ( 다운로드 : git-scm.com )
3. Emscripten SDK(emsdk) 설치

C, C++, Rust 등에서 만들어진 코드를 Webassembly와 javascript로 컴파일 하기 위해서는 Emscripten을 설치 해야합니다.

Emscripten를 설치 하기 전에 먼저 3.x이상 버전의 파이썬과 git을 설치 해줍니다.

파이썬과 git은 공식사이트에 가면 설치 파일이 있으니 다운로드 받아 설치 해 줍니다.

Emscripten 설치하기 위해 아래와 같이 git을 통해 설치파일을 받아 설치 합니다.

1. Emscripten 설치하기

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

emsdk를 받았으면 다운 받은 경로로 이동해 아래와 같이 설치 합니다. 

# emsdk 설치
> emsdk.bat install [버전]

# emsdk 최신버전 설치
> emsdk.bat install latest

2. Emscripten 활성화 및 환경변수 설정

emsdk 설치가 완료 되었으면, 아래와 같이 emsdk를 활성화하고 환경변수를 설정 하면 Webassembly 컴파일을 위한 준비가 완료 됩니다.

# emsdk 활성화
> emsdk.bat activate [버전]

# emsdk 최신버전 활성화
> emsdk.bat activate latest

# emsdk 환경변수 설정
> emsdk_env.bat

3. Emscripten 버전 정보 확인

emsdk가 정상 설치 되었는지 확인하기 위해 버전 확인을 해봅시다. 정상적으로 설치가 완료 되었다면 emsdk 버전 정보를 확인 할 수 있습니다.

# emsdk 버전 확인
> emcc --version
> em++ --version

Windows 운영체제 환경에서 Webassembly 컴파일을 위해 환경 구성을 해봤습니다.

여기까지 지루한 포스팅 읽어주셔서 감사합니다!! ㅎㅎ