계발하는 개발자

만약 함수를 명시적으로 호출하지 않고 일정 시간이 경과된 이후 호출되도록 예약하려면 타이머 함수를 이용할 수도 있습니다. 이를 호출 스케줄링이라 부릅니다. 지정된 시간마다 함수를 반복 실행할 수 있는 setInterval, setTimeout 타이머 함수에 대해 알아보겠습니다. 자바스크립트는 타이머를 생성할 수 있는 타이머함수 setInterval, setTimeout 와 타이머를 제거할 수 있는 clearInterval, clearTimeout 함수를 제공합니다. setInterval 함수란? 'interval' 이라는 단어에서 알 수 있듯이, 일정한 시간 간격으로 반복 호출되는 함수입니다. ♪ 형식 : setInterval (반복 실행할 함수, ms_단위 시간) ♪ 내가 정한 시간 간격마다 함수가 연..

이벤트 메소드는 현재 문서에서 특정 이벤트가 발생하면 지정한 이벤트 처리자를 호출하여 실행시키는 역할을 합니다. 일반적으로 A라는 이벤트가 발생했을 때 이벤트를 처리하는 처리자에는 addEventListener와 onEvent 가 있습니다. 1) addEventListener(이벤트리스너, 이벤트핸들러라고도 함) 메서드 사용 지정된 타입의 이벤트가 특정 요소에서 발생하면, 웹브라우저는 그 요소에 등록된 이벤트리스너를 실행 - 위 방법은 여러 개의 이벤트 핸들러를 동시에 등록할 수 있어 가장 권장되는 방식입니다. - removeEventListener (이벤트 제거 메소드)를 이용해 필요없는 이벤트를 지울 수 있습니다. - 형식 : 이벤트 대상 객체 .addEventListener("이벤트명",함수명); ..

함수를 실행하고 결과값을 출력할 때 보통 console.log 명령을 하여 결과값을 출력하게 됩니다. 오늘은 흔히 사용하는 명령인 console.log 와 return 명령의 차이를 알아보는 시간을 가져보겠습니다! (먼저 위 차이에 대해 상세하게 설명해준 니꼬쌤 땡큐) 다음 player2라는 객체에 각각 plus, minus함수를 실행하기 위해 할당해줍니다. 비교를 위해 plus함수는 console.log 를 이용해 해당 매개변수의 값을 출력하도록 하고 minus함수는 return 키워드를 이용해 값을 출력하도록 명령했습니다. // plus, minus함수를 player2변수에 할당 const player2 = { name: "SJ", points: 100, plus: function (a,b) { co..

객체란 변수에 여러 데이터를 담을 수 있게 해주는 자바스크립트 자료형을 말합니다. 객체는 중괄호{ } 를 열었다 닫아줌으로써 표현할 수 있습니다. 객체 데이터는 { 키:값 } 으로 채울 수 있습니다. - - - - - 속성(property : 객체 데이터를 이루는 키:값을 '속성'이라 합니다. ) 객체를 보다 정확히 이해하기 위해 객체와 함께 참조자료형에 속하는 배열을 알 필요가 있습니다. // 국어, 영어, 수학, 과학 점수 let student1 = [90, 70, 80, 60]; console.log(student1[0]); // 국어 점수 console.log(student1[1]); // 영어 점수 console.log(student1[2]); // 수학 점수 위와 같은 코드블럭을 배열이라 하는..