개발 및 사진 블로그

종종 object의 key 갯수가 필요할 때가 있다. 그럴 때마다 아래와 같은 방법으로 구해서 사용해왔다. const obj = { 'key0': 'value0', 'key1': 'value1', 'key2': 'value2', 'key3': 'value3' }; let cnt = 0; let key; for(key in obj) { cnt += 1; } console.log(cnt);// obj의 key 갯수 얼마 전, 엄청 간단한 방법을 찾게 되었다. const obj = { 'key0': 'value0', 'key1': 'value1&#..

Get Child Node Element let children = document.body.childNodes; body 하위에 있는 자식 노드들을 children 변수에 Array 형태로 받아온다. Get parent Node Element let parent = document.querySelector('#elem').parentNode; elem이라는 id를 가진 노드의 부모 노드를 받아온다.

element의 background에 dot pattern을 적용 CSS #element { background: linear-gradient(90deg, bg-color (dot-space - dot-size), transparent 1%) center, linear-dradient(bg-color (dot-space - dot-size), transparent 1%) center, dot-color; background-size: dot-space dot-space; } ex) #element { background: linear-gradient(90deg, #0d334b 19px, transparent 1%) center, linear-gradient(#0d334b 19px, transparent ..

Pure Javascriptconst elem = document.getElementById('elem'); ​ const width = elem.offsetWidth; const height = elem.offsetHeight; jQueryconst elem = $('#elem'); ​ const width = elem.width(); const height = elem.heignt();

Pure Javascriptlet element = document.getElementById('elem'); ​ element.addEventListener('contextmenu', (event) => { // TODO: }); jQuery$('#elem').contextmenu((event) => { // TODO: });