🌐 1. JavaScript의 비동기 처리 이해하기JavaScript는 싱글 스레드로 동작해요. 즉, 한 번에 하나의 작업만 처리할 수 있다는 뜻이죠. 그런데도 여러 비동기 작업을 동시에 처리하는 것처럼 보이는 이유는 JavaScript의 이벤트 루프(Event Loop) 덕분이에요. 자, 이 과정이 어떻게 이루어지는지 차근차근 설명해보겠습니다. 🎯 JavaScript는 싱글 스레드인데 비동기 작업을 어떻게 처리할까요?JavaScript는 비동기 작업을 처리하기 위해 이벤트 루프와 태스크 큐라는 개념을 사용합니다.비동기 함수 호출: 비동기 함수(예: setTimeout, fetch, async/await)가 호출되면, 그 작업은 브라우저나 Node.js의 백그라운드에서 처리돼고, 이때 JavaScri..
Java Script
💻 JavaScript에서 카테고리별 개수 정렬하기네, JavaScript에서 객체를 생성한 후에 카테고리별 개수를 정렬할 수 있습니다. 객체 자체는 순서를 가지지 않지만, 객체의 키-값 쌍을 배열로 변환한 후 배열을 정렬하면 원하는 대로 데이터를 정리할 수 있죠.아래는 카테고리별 개수를 구한 후, 그 결과를 카테고리 이름이나 개수에 따라 정렬하는 방법입니다.🍎 1. 카테고리별 개수 구하기먼저, 카테고리별로 개수를 집계해야 합니다. 다음은 예시 코드입니다:const items = [ { id: 1, category: 'fruit', name: 'apple' }, { id: 2, category: 'vegetable', name: 'carrot' }, { id: 3, category: 'fruit..
java script에서 List에 대해 forEach 함수를 실행시키면 차래대로 데이터를 볼 수 있다. 하지만 Map을 가지고 forEach를 실행시키면 파라메타가 아래와 같이 위치한다. function logMapElements(value, key, map) { } 아래의 예를 보면 좀 더 이해하기 쉬울것이다. let mapDatas = new Map(); mapDatas.set("a", "A"); mapDatas.set("b", "B"); mapDatas.set("c", "C"); mapDatas.forEach((v, k, m) => { console.log("v: " + v) console.log("k: " + k) console.log("m: " + m) }) //v: A //k: a //m M..
자바스크립트에서 map(), filter(), reduce() 메소드는 배열 요소를 나열하거나, 특정 조건을 보여주는데 많이 사용된다. 이번 글에서는 해당 매서드들의 동작원리는 자세하게 알아보려고 한다. // 아래 예제에서 모두 해당 데이터를 사용한다 const dataList = [ { key: 1, text: 'hello', }, { key: 2, text: 'everyone', }, { key: 3, text: 'welcome', }, { key: 4, text: 'to', }, { key: 5, text: 'my blog', }, ]; map() // Array.prototype.map() arr.map(callback(currentValue[, index[, array]])[, thisArg])..
HTML SCRIPT
