JongDDA의 한걸음 한걸음씩

자바스크립트 DOM 요소의 dataset 속성! dataset 이란? 사용자가 해당 요소에커스텀 속성을 추가한 객체! dataset 사용법 1. HTML 태그에 접두어(data-)가 붙은 속성을 추가하고, 거기에 사용하고자 하는 값을 지정해놓는다. 2. 자바스크립트에서 요소를 선택하고, dataset 객체에서 커스텀속성을 읽어들인다.이때, 접두어는 생략! => dataset 속성의 값은 개수 제한이 특별히 없다! // li 요소 하나 누를 때마다 이미지가 바뀌게 하기

이벤트 : 브라우저에서 일어나는 모든 일! => 클릭, 더블클릭, 키보드 타이핑,드래그, 스크롤 등등... 이벤트 핸들러 : 이벤트가 발생했을 때 뭐할지 정해놓은 코드 묶음! 이벤트 등록 : 이벤트와 이벤트 핸들러를 연결하는 작업! => 예 - 클릭이벤트 발생했을 때, 클릭 이벤트 핸들러 호출해라! 이벤트 등록 방법 - 직접 요소 이벤트 등록 방식 : HTML 태그에다가 속성으로 자바스크립트 동작을 추가하는 방식. 이 경우 속성값으로 실행될 자바스크립트코드가 추가되어야함 - DOM을 이용한 이벤트 등록 방식 : 자바스크립트 선택자를 이용해서 핸들러를 추가하는 방식. 이 경우 속성값으로 실행될 호출할 함수를 추가해 주어야 한다. 이벤트 핸들러 내부에서 사용되는 this 키워드 : 이벤트가 발생한 객체를 t..

매개변수 매개변수란 함수 실행 시에 함수에게 전달할 값을 지정할 수 있는 변수를 의미한다. 매개변수를 통해 전달된 값은 함수 내 실행문에서 사용될 수 있다. 함수는 호출될 때 사용자로부터 재료를 받아서 재료를 토대로 기능을 수행할 수 있다! => 이러한 재료를 '인자(argument)'라 한다. 인자를 전달받을 수 있는 함수를 만들기 위해서는 사용자가 '인자가 전달되는 공간'을 미리 만들어두어야 한다. => 이러한 공간을 '매개변수(parameter)'라 한다. 매개변수의 동작 흐름 1. 함수가 정의되어 있을 때 : 매개변수는 존재하지 않는다. 2. 함수가 호출됐을 때 : 매개변수가 생겨남 3. 함수가 호출되어 사용되기 시작했을 때 : 전달된 인자가 대입됨 4. 함수 일하는 중.... : 전달된 인자 대..

이벤트란? 사용자가 브라우저를 통해 취하는 (거의)모든 동작을 이벤트라 한다. 요소에 발생한 이벤트에 대해 어떤 식으로 대응할 것인지를 정의하는 것을 이벤트 등록이라 한다. 지정한 요소에 이벤트를 적용하는 방법에는 요소에 직접 이벤트를 등록하는 방법과, 요소에 이벤트 등록 속성을 빼고 DOM을 이용하여 지정된 요소에 이벤트를 등록하는 방법이 있다. 이벤트 핸들링 이벤트가 발생했을 때, 거기에 대응하는 것 이벤트 핸들러 등록 이벤트가 발생했을 때, 어떻게 대응할지 작성해서 적절함 위치에 위치 시키는 것 form 에서 제출 이벤트 발생했을때 뭔가를 하겠다! function(){ 코드 } : 코드를 묶어놓은 덩어리(함수) textContent : 비입력 요소를 표시하는 태그 사이에 써있는 텍스트 value :..