그냥 블로그

[08/30] "is not a constructor" 리팩토링을 진행하다 Error가 발생했다. "생성자가 아닙니다".... 살펴본 결과, class 명 일치, import 파일명 일치....원인을 찾을 수가 없었다. 해결하기 위해서 어쩔 수 없이 오류가 난 곳을 주석 처리해가면서 거슬러 올라간 결과 순환 참조 문제 때문이란 걸 알 수 있었다. 설계에서는 순환이 없었는데, 리팩토링을 하다보니 이런일이 일어나고 있었다... test 파일로 예시를 들자면 아래와 같은 상황이었다.const test2 = require('./test2');class test1{ constructor() { this.test2 = new test2(); }}module.exports = test1;con..

💡 정리 요약  1. 비동기와 멀티스레딩 차이  지난번에, work-thread를 사용해보면서 비동기랑 멀티 스레딩이 그래서 어떤 차이인지가 궁금했었다. 뭔가 비슷한 것 같아서.... 그래서 차이를 한번 알아보쟈 :) 비동기 프로그래밍  여러 일이 동시에 발생한다. 프로그램은 실행시간이 긴 함수를 실행할 때, 함수의 실행 흐름을 막지(block) 않고, 계속 프로그램을 실행한다. 비동기 시스템에서는, 추가적인 스레드를 시작하여 해결한다. 단일 스레드 접근(single-thread approach)의 또 다른 예로, OS에서 파일을 가져와서 연산을 하는 것이 있다.  비동기 프로그램 접근 방식은, 실행속도가 느린 함수를 하나 실행하고, 그 동안 추가적인 콜백(callback) 함수들을 실행하는 것이다.멀..

2024.07.29 - [Front-End/JavaScript] - [JS] 스레드와 병렬 처리/ 비동기 처리 문법 / Promise / Async await 💡 요약 정리- event란 사용자와 상호작용하는 것으로 특정 행위를 의미한다. - eventHandler란 event가 발생하면 화면을 조작하거나 무언가를 조작하는 함수 - eventListener란 이벤트에 응답하는 js의 내부 함수. => handler는 단순히 이벤트 발생 시 무언가를 해라! 라고 정의되어 있는 함수이고, eventListener는 이벤트가 발생하는지 보고 있다가 발생하면 동작하는 함수인 것 같다. 그래서 리스너에서 이벤트가 감지되면 핸들러를 실행시키는 것 ㅇㅅㅇ!!   이벤트 ( event ) 웹 브라우저에서 DOM 요소..

+ More (주말)프로세스 메모리 구조 정리하기 call Stack 찾아보기 v8엔진에서 프로세스 동작 정리하기 브라우저 / v8 엔진에서 프로세스 동작 차이까지 알아보기UML - 클래스 다이어그램 정리해보기   ArrayBuffer  레퍼런스 타입으로 되어있고, 고정된 길이의 연속된 메모리 공간을 할당해 사용하겠다고 알려주는 역할을한다.오디오나 미디어 전용인 버퍼도 있다 :)js에서 바이너리 데이터 (ex) 이미지 처리) 등에 사용된다.  let arrBuffer = new ArrayBuffr(16); ArrayBuffer은 길이가 고정되어 있다. 정확하게 메모리 어느 바이트만큼 명시하는 역할을 하고 있기에 배열처럼 arry[0] 같은 get은 불가능 하다. => ArrayBuffer는 Array가 ..