개발냥발

웹어셈블리 인 액션 예제를 따라하다가 만나게 된 에러 Uncaught (in promise) LinkError: WebAssembly.instantiate(): Import #0 module="env" function="__memory_base" error: global import must be a number, valid Wasm reference, or WebAssembly.Global object 책이랑 똑같이 했는데 안 된다. 더보기 WebAssembly in Action (p.70 ~ 82) 1. side_module.c 파일 만들기 int Increment(int value) { return (value + 1); } 2. 웹어셈블리 모듈로 컴파일 emcc side_module.c -s SI..

나는 그저 Queue 라는 것을 쓰고 싶었다. 선입선출이 필요했다. 알아보던 와중 알게된 것이 Javascript API중 Stream API였다. Stream 배열이나 문자열과 같은 데이터 모음. 입출력 기기나 프로세스, 파일 등을 통일된 방식으로 데이터를 다루기 위한 가상의 개념. 데이터 처리 방법으로 입력된 값을 순차적으로 읽거나 출력하는데 사용됨 Stream API Javascript를 이용해 네트워크를 통해 전송된 데이터 스트림에 접근하여 원하는 대로 처리가 가능한 API를 제공함. 읽기(ReadableStream), 쓰기(WritableStream)가 가능함. 주로 파일 읽어올 때 아래 예시코드 이미지와 같이 fetch와 함께 사용한다. 나는 Socket에서 받아오기에 바로 ReadableSt..

싱글을 멀티처럼! 지난번에 만든 거에서 Web Worker(mdn - Web Workers API 설명)를 통해서 함수가 실행되도록 만듦. main.js : 지난번에 만들었던 main.html 내 스크립트 코드 일부 & worker 실행하는 코드. worker.js : main.js에서 실행하면 백그라운드에서 실행될 코드. 1. main.html 일부 수정 더보기 2. src폴더 내 main.js 생성 더보기 const num1 = document.getElementById('n1'); const num2 = document.getElementById('n2'); const res = document.getElementById('result'); let workerResult; if (!!window.W..