🌐 1. JavaScript의 비동기 처리 이해하기JavaScript는 싱글 스레드로 동작해요. 즉, 한 번에 하나의 작업만 처리할 수 있다는 뜻이죠. 그런데도 여러 비동기 작업을 동시에 처리하는 것처럼 보이는 이유는 JavaScript의 이벤트 루프(Event Loop) 덕분이에요. 자, 이 과정이 어떻게 이루어지는지 차근차근 설명해보겠습니다. 🎯 JavaScript는 싱글 스레드인데 비동기 작업을 어떻게 처리할까요?JavaScript는 비동기 작업을 처리하기 위해 이벤트 루프와 태스크 큐라는 개념을 사용합니다.비동기 함수 호출: 비동기 함수(예: setTimeout, fetch, async/await)가 호출되면, 그 작업은 브라우저나 Node.js의 백그라운드에서 처리돼고, 이때 JavaScri..
javascript
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..
코드를 작성하다 보면 여러 가지 경우가 생긴다. 나는 아래와 같은 화면에서 CircleChart를 가로 정렬로 바꾸고 싶다. 이럴때에는 태그 스타일에 float : left 속성을 부여해 주면 된다. 하지만 처음부터 원형차트가 들어가 있는 태그를 설정한 것이 아니고 자바스크립트를 이용해 생성해 준것이기 때문에 class이름이 들어가 있지 않다. 따라서 스타일또한 변경이 불가능하다. 무슨 얘기인지 모르겠다면 아래의 코드와 함께 다시 보도록 하겠다. async function init() { const modelURL = URL + 'model.json'; const metadataURL = URL + 'metadata.json'; // load the model and metadata // Refer to..
HTML SCRIPT
textarea를 이용해 입력을 받을때 줄바꿈을 하는 방법을 포스팅 하겠다. HTML javaScript // textarea 줄바꿈 제한 $('#contents').keydown(function(){ var rows = $('#contents').val().split('\n').length; console.log($('#contents').val()) console.log(rows) var maxRows = 2; if( rows > maxRows){ alert('2줄 까지만 가능합니다'); modifiedText = $('#contents').val().split("\n").slice(0, maxRows); $('#contents').val(modifiedText.join("\n")); } });
개발을 하다보면 동일한 이름을 가진 클래스에 동작을 부여해야 할 경우가 많이 있다. 이럴 경우 아래의 두가지 코드를 사용하면 가장 상위의 클래스만 반영이 된다. document.querySelector('.className') $('.className) 따라서 동일한 이름을 가진 클래스를 이용할때에는 이 코드를 이용한다. document.querySelectorAll('.className') 사용방법 var className = document.querySelectorAll('.className'); //IE에서도 동작하기 위해 Array를 호출 해 사용했다. Array.prototype.forEach.call(className, function(k, v){ console.log(k) //k는 docum..