웹어셈블리 인 액션

이책을 처음 접했을때 웹어셈블리라는것을 왜 접해야되는것인가에 의문이 들었다.

사진 설명을 입력하세요.

하지만 웹어셈블리는 브라우저에서자바크스립트 이외의 언어를 사용할수 있게 해주 고

그런코드를 재활용 할수 있게 해준다.

사진 설명을 입력하세요.

자바스크립트 못해주는 저수준 에 프로그래밍을 가능하게끔 해준다.

이책은 그런 생소한 책을 쉽게 풀어서 설명해준다.

웹 어셈블리 의 구조나 모듈을 만들면서 차근차근 접할 수 있었다.

emcc 라는 것을 설치후

calculate_primes.c 라는 파일을 하나 만들어보자.

							#include <stdlib.h>#include <stdio.h>#include <emscripten.h>int IsPrime(int value){    if(value ==2){return 1;}    if(value <=1|| value %2==0){return 0;}    for(int i = 3; (i*i)<=value;i+=2){        if (value %i==0){return 0 ; }    }    return 1;}int main(){    int start = 3;    int end = 1000000;    printf("Prime numbers between %d and %d:
",start,end);    for (int i = start;i<=end;i+=2){        if(IsPrime(i)){            printf("%d",i);        }    }    printf("
");    return 0;}

(base) Macs-MacBook-Pro:webassembly mac$ emcc calculate_primes.c -o html_template.html

해당 명령 수행시 이제 빌드가 된다.

사진 설명을 입력하세요.

해당 소스를 실행할수가 있었다.

해당과정까지 c 로 웹을 만든다는게 처음부터 쉽지는 않지만 익히고 나면 먼가 새로운 도전을 할수있을것같다.

kko***l2020-10-25

[도서리뷰] 웹어셈블리 인 액션

warlord***l2020-10-25

웹어셈블리 인 액션 리뷰_한빛미디어

growl***l2020-10-25

리뷰] 웹의 미래를 열어주는 웹 어셈블리의 안내서 "웹어셈블리 인 액션"

웹 개발자에게 가장 큰 화두는 성능이라고 생각하는데요. 웹 페이지가얼마나 빨리 로드되는지, 웹에 대해 전반적인 응답이 빠른지 등 성능 부분에 민감한 건 사실입니다. 또한, 제작사마다 구현방식이 다르므로 지원 대상 브라우저 마다 일일이테스트해서 작동여부를 확인해야 되는 경우들이 많습니다.

웹의 역사의 흐름을 바꿔줄 웹 어셈블리(Web Assembly)를소개합니다. WASM은 브라우저 안에서 코드를 실행하고 웹에서 자바스크립트 외에 다른 언어를 지원하면애플리케이션의 속도를 높이는 역할을 해주는 장점이 있습니다. 즉 툴 생태계도 발전하고 있으며, 브라우저 개발사인 애플, 구글, 마이크로소프트, 모질라가 웹 어셈블리를 지원하고 있습니다.

웹 어셈블리 인 액션 저서는 웹 어셈블리에 대한 자세한 내용을 1, 2부와3, 4부로 나누어져서 설명하고 있습니다. 기본적으로 핵심개념은1, 2부에서 설명하고 있으며 3, 4부는 주로 디버깅과고급주제로 이루어져 있습니다. 기본개념을 아시는 분들은 바로 3, 4부를읽는 것도 추천합니다. 특히 순서대로 책을 읽는 것을 권유하는데요. 그이유는 웹 어셈블리 기술을 이해하고 엠스크립튼 툴킷에 익숙해지기 위해서 1~3장을 차례대로 읽는 방법으로쉽고 빠르게 익힐 수 있습니다.

기본 핵심개념에서는 웹 어셈블리가 어떤 기술인지, 어떻게 작동하는지설명하고, 웹 어셈블리 모듈을 컴파일할 때 사용할 엠스크립튼 툴킷의 사용법을 제시하고 있습니다. 더 나아가 웹 어셈블리 모듈을 생성하고 웹 브라우저와 상호작용하는 프로세스에 대한 이야기합니다. 기존 C/C++ 코드 베이스를 웹 어셈블리 모듈로 컴파일하려면 어떻게수정해야 하는지, 웹 페이지 자바스크립트와 모듈이 상호작용하는 원리,웹 어셈블리 모듈에서 웹 페이지 자바스크립트를 등 가이드에 대한 내용이 있습니다.

웹 어셈블리 활용에서는 동적 링킹, 병렬 처리 등 고급 주제를 다루면서브라우저가 아닌 환경에서 웹 어셈블리를 사용하는 방법을 제시해줍니다. 마지막으로 디버깅과 테스팅으로모듈의 오류를 미리 발견하고 조지하기 위한 기법을 설명합니다. 카드 짝 맞추기 게임 개발을 통해 텍스트포맷, 모듈의 다양한 디버깅 방법, 모듈의 통합 테스트를어떻게 작성하는지까지 담고 있습니다.

웹 어셈블리는 웹 플랫폼에 있어서 상당한 큰 의의가 있는데요. 여러언어로 작성된 코드들을 네이티브로 가까운 속도로 웹에서 돌릴 수 있는 길을 제시합니다. 이전까지 웹에서돌려볼 수 없었던 클라이언트 앱들을 웹에서 진행할 수 있도록 도와주기 때문입니다.

웹 개발에서 웹 어셈블리, 자바스크립트는 서로 대체재가 아니라 함께공존하는 것입니다. 만약 웹사이트를 최대한 인터렉티브하게 만들고 싶다면 웹 어셈블리가 아니라 리액트, 자바스크립트가 필요한 것입니다. 자바스크립트가 웹을 화려하고, 인터랙티브하게 만드는 걸 잘하기 때문입니다. 하지만 자바스크립트는예를 들어서 이미지 프로세싱 같은 것은 못 합니다. 리얼타임, 빠른개선 같은 것들을 말입니다. 그런 경우에는 웹 어셈블리를 사용하는 것이 좋습니다.

웹의 미래는 브라우저 제작사들은 자바스크립트 성능 개선 방안을 모색하기 시작했으며, 파이어폭스 제작사인 모질라 재단은 asm.js라는 자바스크립트 서브셋을발표하기도 했습니다. (참고 https://developer.mozilla.org/ko/docs/WebAssembly) 또한, 웹 어셈블리로 만들어진 UI툴 fimga(https://www.figma.com) 사이트도 있습니다. 추후게임 설치 없이도 유니티 게임 등 다양한 게임을 을 이제 웹사이트로 컴파일하면 웹사이트는 해당 바이너리 파일을 이해할 수 있게 될 것이고 덕분에현재 크롬, 파이어폭스, 등에서 데모나 3d 시뮬레이션을 볼 수 있는 것입니다.

leeseok8***l2020-10-25

웹어셈블리 입문서

웹어셈블리가 나온지는 꽤 되었지만 아직까지는 실무에서 자주 사용되는 기술은 아니기 때문에 이번 기회에 새로운 기술에 대해서 배워보고자 이 책을 읽게 되었다. 특히 일반 자바스크립트만으로 개발했을때와의 차이가 궁금했다.

책 내용 자체는 처음 접하는 사람을 위해서 쓰여진 책이라 그런지 어렵지 않다. 하지만 처음 접해보는 기술이여서 그런지 몰라도 몇번씩 다시 읽으면서 이해하려 했던 부분들도 있었다. 특히 초반에 개발 세팅을 하는데 애를 좀 먹었는데, 이 부분만 해결되면 막히는 부분 없이 실습을 진행하면서 책을 읽을 수 있을 것 같다.

실습 자체는 C++ 로 하기 때문에 어느정도의 문법은 알아야 하겠지만 실습에 있어 C++ 로 짜여진 어려운 코드들은 거의 없기 때문에 책을 읽는 데 있어 문제가 되지는 않을 것이라 생각한다. 실습을 많이 하기는 하지만 책 자체는 이보다는 웹 어셈블리를 처음 접할때 어떻게 적용할 수 있는지에 집중해 있기 때문에 오히려 이런 부분들이 어려웠던 것 같다.

결론적으로 작성자처럼 웹 어셈블리에 대해서 배워보고 싶은 분에게 이 책을 추천하고 싶다. 웹 어셈블리를 시작하는데 있어 기초적인 부분들을 전체적으로 프런트부터 백앤드까지 한번 쭉 훝어주면서 내부적인 설명도 함께 해주기 때문에 처음 시작할 때 읽으면 좋을 것 같다는 생각이 들었다.

책에서는 처음에 당연히 웹어셈블리가 뭔지, 어디에 쓰이고 일반적인 자바스크립트와는 어떻게 다른지에 대해서 설명해준다. 이 책에서도 가장 강조하는 부분이 "웹 어셈블리가 자바스크립트를 대체 하는 것이 아니라 상호 보완적" 이라는 점이다. 개인적으로도 이 문구가 가장 공감이 되기도 햇다.

그 이후에는 웹어셈블리 구조에 대해서 설명해준다. 짧지만 가장 이해하기 어려웠던 부분이기도 했다. 그 다음부터는 이제 실습을 진행하는데 여러가지 케이스에 대해서 실습하니 많은 경우에 적용할 수 있지 않을까 싶다. 마지막에는 디버깅과 테스팅 기법까지 알려주면서 전체적인 내용을 끝마친다.

처음 접하지만 관심있게 보던 책이였어서 그런지 재미있게 읽은 책 중에 하나였던 것 같다. 작성자처럼 웹 어셈블리에 관심은 있지만 아직 접해보지 않은 분들이 읽는다면 좋을 것 같다.

slu***l2020-10-25

잘쓰여진 웹어셈블리 입문서

리뷰에 앞서 본 리뷰는 한빛 출판 네트워크에서 진행한 ‘나는 리뷰어다’ 이벤트에서 제공받은 책으로 진행한 것을 밝힙니다.

요즘뿐만이 아니라 수년전부터 웹 기술의 발전은 정말 빠르다는 것을 체감하며 살고 있다. 특히 HTML5로 넘어오고 난 후 더더욱이다.

다양한 기술들이 Javascript에 접목되고, 웹 브라우저가 하나의 플랫폼으로써 여러가지 기능을 하는 것을 볼 때는 참 놀라웠는데,

웹어셈블리가 나오는 것을 보고, 이런 부분까지도 웹 기술에 접목이 드는 구나 하는 생각이 들었다.

이번에 리뷰를 한 "웹어셈블리 인 액션" 은, 막연히 이런 것도 있구나 라고 생각해오던 웹어셈블리에 대해,

어떤 기술인지, 어떤 식으로 응용을 해 볼 수 있는 지 감을 잡을 수 있게 해주는 초보자를 위한 책이었다고 생각한다.

물론 초보자를 위한 책이기는 하지만, 이 책은 HTML, Javascript 기술과 C/C++에 대한 이해가 필요하다.

C/C++의 경우 아주 기초적인 수준만 있으면 이해할 수 있다. Javascript 부분은 조금의 지식은 필요하다. HTML 역시 기초적인 수준 정도의 지식만 있으면 이 책을 이해할 수 있을 것이다.

Manning 출판사의 "in Action" 시리즈가 대부분 그렇듯이, 이 책도 앞에서 이야기한 지식 정도만 있으면 하나씩 따라하면서 내용을 익히기에 무리가 없다. 내용을 아주 깊이 들어가지 않으면서도, 책에서 제시하는 예제를 이해할 정도의 내용에 대한 기반지식과 그림 그리고 코드 별 주석 등이 자세히 기술되어 있다.

전체적인 구성은 웹어셈블리에 대한 최소한의 지식 및 이를 어떻게 구현하는 지에 설명 후 간단한 예제로 감을 잡고, 그리고 POS 예제를 이용해 좀 더 복잡한 상황에 대해 반복해서 실습을 한다. 그리고 나서 동적 링킹에 대해 다루며, 디버깅에 대해서 다루고 있다. 챕터 시작 및 예제마다 그림으로 어떤 내용을 어떻게 구현할 것이라는 것을 그림으로 알려주고 그에 대해 코드를 어떻게 구현하고 어떻게 컴파일을 하는지 하나하나 설명을 해 주고 있어, 어려움없이 전체 내용을 읽어나갈 수 있다. 하지만 독자에 따라서는 이 책이 어렵다고 느껴지는 분도 있을 수 있다. 이 책이 웹어셈블리라는 기술을 이용해 C/C++과 자바스크립트간 연동을 어떻게 할 수 있고 어떻게 디버깅을 해서 활용할 수 있다 설명하기 때문이다. 저자가 기본 지식에 대해 친절히 설명을 하고 있지만, 그럼에도 책의 내용이 이해가 되지 않는다면, 관련 백그라운드 지식을 먼저 공부하고 책을 보는 것도 좋을 것 같다. 개인적으로는 한빛미디어에서 출판되었던 백창우님 저 "유닉스 리눅스 프로그래밍"(지금은 절판되었다)이 이런 부분에 대한 설명이 잘 되어있다고 생각한다.

이 책의 단점은, 먼저 초보자를 위한 책이기 때문에, 복잡한 응용에 대한 예시를 제시하지는 않는다. 또 책에서 이런 부분에서 응용할 수 있다 라는 친절한 설명을 제시하지만, 독자에 따라서는 어떻게 응용해야 할 지 알 수 없기 때문에, 이 부분에 대해서는 다른 책들을 좀 더 살펴보아야 할 것이다. 그리고 책의 단점이라기 보다는 웹어셈블리가 성숙한 기술이 아니다보니 계속해서 바뀌는 부분이 있을 수 있어, 책에서 가이드한 것과 같이 예제를 따라서 수행해 볼 때 엠스크립튼 툴킷 버전을 잘 설정해서 시험을 해야 한다는 것도 불편한 점이다. 실제 프로젝트에 이를 시도해 보려면, 내가 사용하려는 툴킷이 지원하는 기능과 웹브라우저들이 어느정도 기능을 지원하는 지 등에 대해 꼼꼼한 체크가 필요할 것이다.

개발자의 숙명인지 모르겠지만, 현업에서 사용하는 기술에 대해서도 지속해서 새로운 기술 및 도메인 지식 익혀야 하고, 다른 분야의 지식도 꾸준히 따라잡기 위한 노력이 필요하다고 생각한다. 이러한 부분이 힘들다고 생각될 수도 있다. 하지만 서로 다른 방향이라 생각되었던 부분들을 연결하여 활용할 수 있는 기술이 생겨나서, 이를 익히고 어떻게하면 현업에 이러한 기술들을 응용해 볼 수 있을까 고민해 보는 것은 또 다른 재미라는 생각이 든다.

jrcfore***l2020-10-24

웹어셈블리 입문에 훌륭한 책

hji7***l2020-10-24

중요한 전환점이 될 기술 웹 어셈블리

웹어셈블리라는 말은 풍문처럼 많이 들었지만, 책을 본적은 없었기 때문에, 이 책을 보게 되었습니다.

이 책은 웹어셈블리에 대한 간략한 소개를 하고 재빠르게 C/C++을 사용해서 웹어셈블리 모듈을 어떻게 만들어 내는지 소개하고 있는데요. 저는 10년전까지만 해도 C/C++를 사용해서 일을 했었기 때문에, 상당히 친근한... 느낌을 받았습니다. 특히 C/C++를 쓰다보면, 중요하게 설명하고 있는 모듈관련 기능들이 웹어셈블리로 녹아들어가는 건, 좀 난감하기까지 하더군요.

재미있는 건, 웹어셈블리 모듈로 컴파일하는 언어가 C/C++만이 아니라는 겁니다. Rust, typescript, java, go, python, c# .. .특히 C#을 기반으로 하는 블레이저는 요즘 한참 뜬다고 하더군요.

다양한 언어로 솔루션을 만들어내는 아키텍처는 사실, 20년전쯤 많이 주목받았던 기술이 있습니다. 바로, CORBA입니다. 물론 요즘도 쓰이는 곳이 있다고는 하는데 ( 솔직히 어디서 쓰는지 저는 보지못했습니다. )

현재 인터넷 브라우저가 사용하는 아키텍처 인 "브로커 패턴"을 그대로 어플리케이션 구현에 사용했던 CORBA는 다양한 언어로 CORBA 모듈을 만들면 이것을 연결시켜서 소프트웨어를 서비스 형으로 제공하려는 구상을 가지고 있었던 기술이었습니다.

예전에 CORBA가 왜 망했는지에 대한 기사를 볼 기회가 있었는데요. 한마디로 쓰기 너무 어려워서 였습니다. 그리고 비쌌고요. 어떤 회사에서 이 기술을 쓰려면 개발 시작할 때부터 돈을 좀 내야 했었나봅니다. 그리고 내부적으로 정치적 문제도 있었다는 군요.

하여튼, 살짝 주춤하던 시기에 닷컴 버블이 터지고 맙니다. 즉, IT 업계에 밀려들어가던 자금 줄이 끈어진 셈이죠. 아시겠지만, 돈줄 끈기면 그 기술을 사장됩니다.

결국, 지금은 아는 사람도 별로 없는 기술이 되어 버렸습니다.

그런데, 어느 순간 CORBA로 하려던걸 웹으로 하는 쪽으로 방향이 결정되었습니다. 누가 그렇게 결정한 건 아닌것 같은데... 그냥 지금 현재는 그런 상태입니다.

하지만 자바스크립트는 느리다는 문제가 있습니다. 즉, 사용자의 요구에 맞게 좀 빠른 속도가 필요한 어플리케이션을 만들어내기는 한계가 있는 거죠. ( 요즘 컴퓨팅 파워는 그 한계가 정말 있나.. 싶기도 하지만 ... )

예를 들어서 게임이나, 캐드 솔루션 같은건 솔직히 웹에서 돌리기 민망하죠. 그래서 WebGL이 나왔는데, 역부족입니다. 그래서 웹어셈블리가 필요하지 않았을까 싶군요.

CORBA는 전체 그림을 먼저 그리고 기술 표준을 만든다음 시장에 강제하는 방향으로 변화를 만들려고 했다면, 현재 웹기술은 그냥 시장이 흘러가는 방향대로 필요한 기술이 하나씩 생기고 다같이 써보다가 좋으면 계속 쓰는 쪽으로 가고 있는 듯하네요.

이 책에서도 많이 나오지만, 웹어셈블리가 자바스크립트보다 빠른 가장 근본적인 이유는 변수형 때문입니다.

"변수형을 미리 알고 시작하기 때문에 자바스크립트 엔진은 코드를 모니터링할 필요 없이 그냥 웹어셈블리 바이너리를 기계어로 컴파일할 수 있습니다. (본문중에서)"

어차피 프로그래밍언어로 코딩한 코드는 기계가 알아듣는 코드로 바뀌어야 하는데요. 기계는 동적인 변수를 이해하지 못합니다. 즉 컴파일러나, 인터프리터가 그걸 판가름해서 기계가 알게 해줘야 하는 거죠.

그런데 코딩 할때부터 변수타입을 결정해주면 어떨까요? 그럼, 당연히 이게 무슨 타입인지 인터프리터가 쫓아다니지 않아도 되니 빠르게 될 겁니다.

그럼, 왜, 자바스크립트는 변수 타입을 그렇게 쓰게 했을까요? 그냥 좋아보여서는 아닐겁니다. 이건 프로그래밍 패러다임과 연관이 있습니다. 함수형 프로그래밍 패러다임에 해당하는 언어들이 대부분 변수의 타입을 쓰지 않는데요. 함수만으로 코딩을 하고 싶은데 변수의 선언부가 꼭 끼어들어야 한다면, 간결한 코드를 만들기 힘들어질 겁니다. 하지만 이는 코드를 한꺼번에 컴파일해서 기계어로 보내는 걸 힘들게 만드는 단점이 되는 거죠. ( 느려진 원인이죠 )

그럼 속도를 위해서 함수형 프로그래밍 패러다임을 버려야 할까요? 그렇지 않을 것 같습니다. 함수형 프로그래밍 자체가 근래에 만들어진 것이 아니고, 컴퓨팅 파워가 말도 안되는 시절부터 존재했던 것입니다. 다시 말하면, 컴퓨팅 파워가 계속 좋아지면 어떻게 해서든 함수형 프로그래밍 쪽으로 갈 거란 말이됩니다.

이유가 있겠죠. 코드를 아주 간결하게 만들수 있도록 해주는 개념이고, 코드가 간결해 질 수록 버그는 줄어든다는 건 학계 정설이죠. ( 믿거나 말거나 ) 게다가 사용자 인터페이스, 사용자 경험 이런걸 진화시키기 위해서는 그쪽 코드는 수시로 바꾸고 빨리 바꾸고 여하튼 사람이 뭔가 많이 해야 합니다.

결국, 우리는 자바스크립트를 "함수형 프로그래밍"으로 사용하여 개발자가 많이 손봐야 할 코드를 만들고, 웹어셈블리로는 개발자보다는 컴퓨터 쪽에 더 가까운 코드를 만드는데 쓰게 되지 않을까 싶습니다.

결론은, 둘다 알아야 한다가 되지 않을까 싶네요.

그래서, 이 책은 나중에 생각 날 때 또 봐야 할 것 같습니다. 그리고, Rust나 아님 다른 언어로 웹어셈블리하는 책을 더 봐야 겠군요.

wnghdc***l2020-10-23

아쉽긴 하지만 웹 어셈블리알기에는 좋은 책!

웹어셈블리 인 액션

자료 다운로드시 유의사항

▶ 부록/자료 관련 FAQ