[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..
영상에는 픽셀마다 색상에 대한 값이 있다. 이 값에 원하는 만큼 수를 더하면 밝아지고, 빼면 어두워진다. 원하는 수는 슬라이드바로 받아오도록 하자. var value = parseInt(document.getElementById("brightI").value); 밝기 조절을 위해서는 pixel + value > 255 대입해야 한다. 다만, 오버플로우를 막아야 하므로 if문을 사용하자. if (pixel + value > 255){ pixel = 255; } else if (pixel + value < 0) { pixel = 0; } else{ pixel += value; } 완성된 함수식 function brightImage() { // 영상 밝기 알고리즘 // (중요!) 출력 영상의 크기를 결정.....