일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- callback함수
- Frontend Study
- typeScript
- DOM
- 자바스크립트
- 컴포넌트
- this 객체
- 배열메소드
- frontendstudy
- 리액트
- 메소드 실행
- addEventListener
- HTML
- webProject
- useState
- 이벤트핸들링
- CSS
- Props
- 비동기함수
- REACT
- input
- 배열
- useRef
- JavaScript
- 렌더링
- FrontendStydy
- 함수 실행
- 이벤트
- try.. catch
- promise
- Today
- Total
목록addEventListener (2)
이다닷

순서도 프로그래밍에서는 절차가 매우 중요하다. 코드를 에디터에 입력하기 전에 내가 만들 프로그램이 어떤 절차로 돌아갈지 미리 생각해야 한다. 여기에서는 먼저 끝말잇기가 어떤 식으로 진행되는지 말이나 그림으로 표현해보자. 끝말잇기 게임으로 순서도 작성해보기 1. 세 명의 참가자가 있다고 가정해보기(A, B, C) 2. A가 '자바 스크립트'라는 제시어를 말한다. 3. B가 '트집'이라고 말한다. 4. C가 '집합'이라고 말한다. 5. 다시 A가 '합체'라고 말한다. 6. 무한 반복된다. 프로그래밍적으로 이 순서도를 보았을때는 많은 오류가 있다. 오류 1. 참가자가 3명이 아닐 수도있다. 오류 2. 모든 참가자가 답을 말하는 것이 아니다. 프로그래밍적으로 순서도를 적을때 생각해 보아야 할 규칙 📌 1. 프로..

addEventListener onclick, onkeydown 과 같은 이벤트 속성을 통해 이벤트 핸들러를 등록하는 것보다 현대적인 방법은, addEventListener 메소드를 활용하는 것이다. ex ) 클릭 이벤트 핸들러를 등록하는 경우의 예 target.addEventListener('click', function(){}) addEventListener 함수의 이점 이전에 추가한 이벤트 핸들러를 제거할 수 있는 대응 메소드가 존재한다. 같은 리스너에 대해 다수의 핸들러를 등록할 수 있다. 추가적인 옵션 사항들이 제공된다. 이벤트 객체 이벤트 객체란 '추가적인 기능과 정보를 제공하기 위해 이벤트 핸들러에 자동으로 전달되는 데이터'이다. 이를 활용하기 위해서는 이벤트 핸들러 함수에 매개변수를 추가하..