이벤트 사용법 3가지 1. HTML 태그에 함수 연결 2. 스크립트에서 함수 연결 요소.on이벤트명 = 함수; 3. 이벤트 리스너로 이벤트 처리 요소.addEventListener('이벤트', 함수) ( 이벤트 리스너의 값을 서버로 안보내게 하려면 e.preventDefault() ) 이벤트 종류 마우스 이벤트 -키보드 이벤트 keydown keypress keyup -문서 로딩 이벤트 -폼 이벤트
함수 function 함수명(매개변수){ 명령 } 함수명(인수) 매개변수의 초기값 설정 가능! 익명함수 ( function(매개변수){ 명령 } (인수)); 화살표 함수 let 함수명 = function(){ return 'hello'; } 를 화살표 함수로 바꾸면 let 함수명 = () => 'hello'; (호출할 때, 변수명() 괄호 넣어줘야 함!) 콜백 함수 : 다른 함수의 인수로 사용하는 함수 function display(){ alert('클릭했다'); } btn.addEventListener('click', display); ex) addEventListener함수의 인수로 콜백 함수 사용 ex) 화살표 함수로 콜백 함수 사용
while 문 while(조건){ 실행문 } do while문 do{ 실행문 }while(조건) break 문 : 반복문을 빠져나옴 continue 문 : 맨 앞으로 돌아감
for 문 for(초기값, 조건식, 변화식){ 실행문 } forEach 문 배열명.forEach(function(변수){ 실행문 }) for of 문 for(변수 of 배열명){ 실행문 } for in 문 for(변수 in 객체){ 실행문 }
