개발/Javascript

jQuery만 사용하다가 순수 자바스크립트를 사용해보려니 익숙하지가 않네요. 스스로 기억하기 위해 기록해 봅니다. none flex inline-flex inline-flexbox // radio.js window.onload = function(){ const radios = document.querySelectorAll("input[name='like']"); const txt = document.querySelector("#txt"); radios.forEach((radio) => { radio.addEventListener("change", (e) => { const current = e.currentTarget; if(current.checked){ txt.textContent = `좋아하는 음..

리액트를 학습할 때 생소한 구문으로 난항을 겪은 적이 있습니다. 해당 구문이 구조분해할당 이라는 이름조차도 어려워 보이는 녀석이었습니다. 간략하게 구조분해할당에 대해 기술하고자 합니다. 배열에서의 구조분해할당(Destructuring Assignment) let arr = [10, 20, 30, 40, 50] let a, b, c; a = arr[0]; b = arr[1]; c = arr[3] console.log(a);// 10 console.log(b);// 20 console.log(c);// 40 [10, 20, 30, 40, 50] 배열이 있습니다. 첫번째값을 a 변수에 할당하고 두 번째 값을 b 변수에 할당하여 세 번째는 건너뛰고, 네 번째 값을 c변수에 할당하여 a, b,c 를 출력하였습니다..

현재 운영 중인 사이트에서 아래와 같은 문법을 보게 되었습니다. if(name != null && name != undefined){ // 구문 } 'name이라는 변수에 값이 없으면 구문을 실행해라'라는 말은 알겠는데, 굳이 null과 undefined 둘다 조건을 걸 필요가 있을까요? 우선 null과 undefined는 무엇을 의할까요? null과 undefined의 차이 let test_null = null; let test_undefined; console.log(typeof test_null); // object console.log(test_null); // null console.log(typeof test_undefined); // undefined console.log(test_undef..