* 연습문제 1 버튼 내용 * 연습문제 2 new document 버튼 내용

1. 애니메이션 효과 제어 메서드 애니메이션 효과 제어 메서드란 '효과' 또는 '애니메이션'이 적용된 요소의 동작을 제어하는 메서드이다. 애니메이션 메서드는 함수가 적용된 순서대로 큐(queue) 라는 저장소에 저장된다. - 애니메이션 효과 제어 메서드 종류 stop() 현재 실행 중인 효과를 모두 정지시킨다. delay() 지정한 시간만큼 지연했다가 애니메이션을 진행한다. queue() 큐에 사용자 정의 함수를 추가하거나 큐에 대기중인 함수를 배열에 담아 반환한다. -> 그리고 queue() 메서드 이후의 애니메이션 효과 메서드는 모두 취소한다. clearQueue() 큐에서 처음으로 진행하고 있는 애니메이션만 제외하고 대기 중인 애니메이션은 모두 제거한다. dequeue() queue()메서드를 이용..

1. 산술연산자 +, -, * , / , % 2. 문자 결합 연산자 문자형 데이터 + 문자형 데이터 = 하나의 문자형 데이터 문자형 데이터 + 숫자형 데이터 = 하나의 문자형 데이터 3. 대입 연산자 =, +=, -=, *= , /= , %= 4. 증감 연산자 ++, -- 1️⃣ num1--; 10 document.write(num1, " "); 9 2️⃣ num1++; 9 document.write(num1, " "); 10 3️⃣ result = num2++; 20 document.write(result, " "); result 20 num2 21 4️⃣ result = ++num2; 22 document.write(result, " "); 22 5. 비교연산자 > , = ,

* 연습문제 1 할 일 목록 ✓할 일 1 ✓할 일 2 ✓할 일 3 ✓할 일 4 ✓할 일 5 * 연습문제 2 행과 열을 입력하면 테이블이 추가되도록 행 열 작성

1. 노드 리스트 node list DOM 에서 새로운 노드를 만들어 추가하거나 삭제하려면 노드 리스트를 사용해야한다. DOM에서 접근할 때 querySelectorAll() 메서드를 사용하면 노드를 한꺼번에 여러개 가져올 수 있다. 이때 노드 정보를 여러개 저장한 것이 노드리스트이다. 새로운 노드를 추가할 때에는 1️⃣ 모둔 HTML 태그는 요소(element) 노드이다. 2️⃣ HTML 태그에서 사용하는 텍스트 내용은 나식 노드인 텍스트(text) 노드이다. 3️⃣ HTML 태그에 있는 속성은 자식 노드인 속성(attribute) 노드이다. 4️⃣ 주석은 주석(comment) 노드이다. 이 네가지 원칙을 기억해야한다. 예를 들어 img 노드를 추가한다고 생각하면 그 노드의 속성에 해당하는 src와 a..

1. for문 for(초기값; 조건문; 증가식) { 명령 } 2. 중첩 for문 for문 안에 다른 for문을 넣어 사용하는 것을 중첩 for문이라고 한다. 3. while문 while(조건) { 명령 } while문은 조건이 true인 경우에만 해당 명령을 실행한다. 4. do~while문 do { 명령 } while(조건) do~while문은 while문과 다르게 조건문이 뒤에 붙기 때문에 조건문이 false여도 일단 명령을 한번은 실행한다. ❗ while문은 조건부터 체크하지만 do~while문은 일단 명령 실행한 후 조건을 체크한다. 5. break와 continue 1️⃣ break break문은 종료 조건이 되기 전에 반복문을 빠져나올 때 사용한다. 2️⃣ continue continue문은 ..

1. if, if-else, 중첩 if-else if(조건문) { 조건문 결과가 true 일때 실행되는 명령 } if(조건문) { 조건문 결과가 true 일때 실행되는 명령 } else { 조건문 결과가 false 일 때 실행되는 명령 } if(조건문1) { if(조건문2) { 조건문 결과가 true 일때 실행되는 명령 } else { 조건문2 결과가 false 일 때 실행되는 명령 }else { 조건문1 결과가 false 일 때 실행되는 명령 } 2. 조건연산자 (조건) ? true 일때 실행할 명령 : false 일때 실행할 명령 3. 논리연산자 1️⃣ OR 연산자 || 기호 사용하고, 하나라도 true 값 있으면 결과값은 true이다. 2️⃣ AND 연산자 && 기호 사용하고, 하나라도 false값..