AI와 데이터 사이언스의 이론과 실전

오늘은 이벤트에 대해서 알아보겠습니다. 1. 이벤트(Event) - 웹브라우저가 알려주는 HTML 요소에 대한 사건이 발생 - 웹 페이지에 사용된 자바스크립트는 발생한 이벤트에 반응하여 특정 동작을 수행할 수 있음 - 자바스크립트는 비동기식 이벤트 중심의 프로그래밍 모델(동기식이면 이벤트가 발생하면 차례대로 발생 비동기는 별도로 작업이 됨) - 모든 os는 이벤트는 만들어 있지만 그 이벤트에 대한 프로그래밍을 해줘야 동작 - 지금도 이벤트는 있지만 프로그래밍을 안해줘서 반응없는 애들 많음 ------- -------- -------- 이벤트타겟 이벤트타입 이벤트리스너 이벤트 타겟 = 이벤트가 발생하는 대상 이벤트 타입 = 어떤 이벤트가 발생했는지 이벤트 리스너 = 이벤트 발생할때 뭘 해줄지 1.1. 이벤..

1. 폼(form) 객체 - html에 있는 폼 태그를 말함, 일반적인 form요소에 접근할 때 사용 - document.forms 컬렉션을 이용해서라도 접근할 수 있음

1. 호이스팅(hoisting) - 자바스크립트의 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것을 의미 - 자바스크립트의 인터프리터가 돌리기전에 한번 훑고 미리 올려넣을 거 올려넣은 다음에 코드실행하는 것을 의미 - var로 선언한 변수의 경우 호이스팅 시 undefiend로 변수를 초기화 - let과 const로 선업한 변수의 경우 호이스팅시 변수를 초기화하지 않음 1.1. 호이스팅 예시 - 선언형 func1() // 호이스팅이 실행전에 미리 함수를 메모리에 올려놓기때문에 이렇게 선언전에 먼저 사용해도 됨 function func1(){ .... } 인터프리팅 결과 (함수호이스팅) function func1(){} func1() 이 순서로 작성한 것과 동일 1.2. 호이스팅 예시..

1. [배열(array)] - 리스트와 비슷 - 이름과 인덱스로 참조되는 정렬된 값의 집합 - 배열요소는 배열을 구성하는 각각의 값을 의미 - 인덱스는 배열에서의 위치를 가리키는 숫자를 의미 let 배열명; 배열명 = [요소1, 요소2, 요소3] 혹은 const 배열명 = Array(요소1,요소2,요소3,...) 1.1. 배열의 접근 let arr = [100,200,300] console.log(arr[0]) // 100 console.log(arr[1]) // 200 console.log(arr[2]) // 300 1.2. 배열의 특징 배열 요소의 type이 고정되어있지 않다 배열 요소의 인덱스가 연속적이지 않아도 된다 let arr arr[0] = 1 arr[1] = 100 arr[4] = 10 /..