본문 바로가기

javascript4

[JavaScript] 이벤트 루프(Event Loop) 이벤트 루프(Event Loop) 단일 쓰레드는 쓰레드가 하나 뿐이라는 의미여서 이 말은 곧 하나의 작업만을 처리할 수 있다는 것을 의미한다 하지만 실제로 동작하는 웹 애플리케이션은 많은 task가 동시에 처리되는 것처럼 느껴진다. 이처럼 자바스크립트의 동시성을 지원하는 것이 바로 이벤트 루프이다. Javascript Engine * Call Stack 함수가 요청되면 요청된 작업은 순차적으로 stack에 쌓이게 되고 순차적으로 실행됨 단 하나의 Call Stack을 사용하기 때문에 해당 task가 종료하기 전까지는 다른 어떤 task도 수행될 수 없음 ⇒ 자바스크립트 엔진은 단순히 stack에 적재하고 실행하는 역할만 함 비동기 요청 처리는 브라우저(or Node.js)가 담당❗ * Heap 동적으로 .. 2023. 3. 20.
[article] You’ve Got Options for Removing Event Listeners 🌞 Article 👇 link https://www.macarthur.me/posts/options-for-removing-event-listeners You’ve Got Options for Removing Event Listeners Reviewing some of the most common approaches available to remove event listeners in JavaScript. www.macarthur.me 💬 정리하기 프로젝트를 진행하며 이벤트 리스너로 인한 문제가 발생했던 적이 종종 있었다. 예를 들면, (spa 프로젝트) 무한 스크롤을 구현하며 top 버튼으로 한 번에 상단 이동이 가능하도록 구현할 때 사용한 이벤트 리스너가, 다른 페이지로 이동한 후에도 해당 요소를 감.. 2023. 3. 7.
[article] JavaScript Memory Management: How to Avoid Common Memory Leaks and Improve Performance 🌞 Article 👇 link https://itnext.io/javascript-memory-management-how-to-avoid-common-memory-leaks-and-improve-performance-c018dbbca954 🔥 JavaScript Memory Management: How to Avoid Common Memory Leaks and Improve Performance We will explain the memory management in JS that will help you to optimize your applications itnext.io 💬 정리하기 가비지 컬렉터는 더 이상 사용하지 않는 개체를 식별해 제거한다. “mark and sweep”이라는 기술을 사용하여 .. 2023. 3. 6.
[Javascript] WeakMap과 WeakSet 이전 글만 읽어서는 조금 이해가 안 되는 부분이 있어, 조금 더 찾아보았다. 그 이전 글에 대한 포스팅 👇 https://ktmihs.tistory.com/entry/article-JavaScript-Memory-Management-How-to-Avoid-Common-Memory-Leaks-and-Improve-Performance [article] JavaScript Memory Management: How to Avoid Common Memory Leaks and Improve Performance 🌞 Article 👇 link https://itnext.io/javascript-memory-management-how-to-avoid-common-memory-leaks-and-improve-perfo.. 2023. 3. 6.