윤브는 개발중

위의 구구단 만들기 실습에서 구구단 실행하기 위한 함수를 document.querySelector(".btn").onclick = function () { gugudan(); }; 이렇게 작성 했지만 addEventListner를 사용해서도 실행 시킬 수 있다. document.querySelector(".btn").addEventListener("click", gugudan); 큰차이는 없지만 이게 더 눈에 잘들어온다.

가장 간단하면서 for문을 이해하기 쉬운 구구단 만들기를 해보려고 한다. 우선 구조를 먼저 생각해야 한다. 첫번째. 버튼을 만든다. 두번째. 버튼을 누르면 아래에 구구단이 쭉 나온다. 첫번째. HTML 작성하기 눌러주세요 우선 button태그를 하나 만들고 'btn'이라는 클래스를 주고 아래에 빈 div태그를 만들어서 'test_container'클래스를 주었다. (div태그는 구구단이 입력될 칸을 미리 만들어 놓은것) 두번째, 자바스크립트 function gugudan() { for (let i = 2; i < 10; i++) { for (let j = 1; j < 10; j++) { document.querySelector( ".test_container" ).innerHTML += `${i}*${j..

vlaue에 string, number, boolean, null, undefined 와 같은 데이터가 있는것을 permitive 타입이라하고 그 외의 타입은 모두 object라고 불린다. permitive 예시 let num = 2; let num2 = num; let으로 선언한 num과 num2를 콘솔로그에 호출하면 console.log(num); ====> 2 console.log(num2); ====> 2 2라는 숫자가 호출이 된다. 여기서 num2 = 3; 으로 변경하면 console.log(num); ====> 2 console.log(num2); ====> 3 num2의 값만 변경되서 나온다. 이유 : num2가 3으로 value값만 바뀐것일 뿐이지, num이 3으로 선언된것이 아니다. ob..