[Javascript] stream 활용하기
나는 그저 Queue 라는 것을 쓰고 싶었다. 선입선출이 필요했다. 알아보던 와중 알게된 것이 Javascript API중 Stream API였다. Stream 배열이나 문자열과 같은 데이터 모음. 입출력 기기나 프로세스, 파일 등을 통일된 방식으로 데이터를 다루기 위한 가상의 개념. 데이터 처리 방법으로 입력된 값을 순차적으로 읽거나 출력하는데 사용됨 Stream API Javascript를 이용해 네트워크를 통해 전송된 데이터 스트림에 접근하여 원하는 대로 처리가 가능한 API를 제공함. 읽기(ReadableStream), 쓰기(WritableStream)가 가능함. 주로 파일 읽어올 때 아래 예시코드 이미지와 같이 fetch와 함께 사용한다. 나는 Socket에서 받아오기에 바로 ReadableSt..
[Javascript] Web Worker 사용하기
싱글을 멀티처럼! 지난번에 만든 거에서 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..
[Javascript] wasm - c 함수 호출
사실 이걸 어느 카테고리에 써야 할지 굉장히 고민했다. 순서는 아주아주 간단함. 우분투에서 c 파일 만들기 → emscripten 툴을 이용하여 WebAssembly로 컴파일 → 만들어진 js, wasm 파일을 가져와 적용하기 1. 사칙연산 코드 작성 더보기 vim FourRules.c #define _CRT_SECURE_NO_WARNINGS #include #include EMSCRIPTEN_KEEPALIVE int addition(int n1, int n2) { return n1+n2; } EMSCRIPTEN_KEEPALIVE int subtraction(int n1, int n2) { return n1-n2; } EMSCRIPTEN_KEEPALIVE int multiplication(int n1, ..