Study27 [JavaScript] 이벤트 루프(Event Loop) 이벤트 루프(Event Loop) 단일 쓰레드는 쓰레드가 하나 뿐이라는 의미여서 이 말은 곧 하나의 작업만을 처리할 수 있다는 것을 의미한다 하지만 실제로 동작하는 웹 애플리케이션은 많은 task가 동시에 처리되는 것처럼 느껴진다. 이처럼 자바스크립트의 동시성을 지원하는 것이 바로 이벤트 루프이다. Javascript Engine * Call Stack 함수가 요청되면 요청된 작업은 순차적으로 stack에 쌓이게 되고 순차적으로 실행됨 단 하나의 Call Stack을 사용하기 때문에 해당 task가 종료하기 전까지는 다른 어떤 task도 수행될 수 없음 ⇒ 자바스크립트 엔진은 단순히 stack에 적재하고 실행하는 역할만 함 비동기 요청 처리는 브라우저(or Node.js)가 담당❗ * Heap 동적으로 .. 2023. 3. 20. [article] It’s 2022, Please Don’t Just Use “console.log” Anymore 🌞 Article 👇 link https://javascript.plainenglish.io/its-2022-please-don-t-just-use-console-log-anymore-217638337c7d It’s 2022, Please Don’t Just Use “console.log” Anymore 5 JavaScript console object methods and tricks you should know about. javascript.plainenglish.io 💬 정리하기 지금은 23년이지만...ㅎㅎ 이 기사에서는 console을 사용하는 데 유용한 5가지 팁을 소개하고 있다. 나도 항상 결괏값이 궁금하거나, 에러가 났을 때 위치를 찾기 위해 console.log()를 많이 사용했던 터라 .. 2023. 3. 14. [article] Top 7 mistakes that React developers make 🌞 Article 👇 link https://javascript.plainenglish.io/4-react-tips-to-instantly-improve-your-code-7456e028cfa3 4 React Tips to Instantly Improve Your Code Solid knowledge of React is one of the most valuable skills for a frontend developer. Many companies are constantly searching for React… javascript.plainenglish.io 💬 정리하기 흔히, React 초보자들이 할 수 있는 7가지 실수에 대한 글이다. 7가지를 나열해 보면, 모든 것을 하나의 파일에 넣는 것 상태 .. 2023. 3. 11. [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. 이전 1 2 3 4 5 다음