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..
javascript
코드를 작성하다 보면 여러 가지 경우가 생긴다. 나는 아래와 같은 화면에서 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..
