일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 이벤트핸들링
- 렌더링
- 함수 실행
- useRef
- 배열
- try.. catch
- this 객체
- webProject
- 비동기함수
- typeScript
- REACT
- useState
- input
- DOM
- 컴포넌트
- FrontendStydy
- 메소드 실행
- frontendstudy
- Props
- callback함수
- HTML
- CSS
- 리액트
- 배열메소드
- Frontend Study
- 자바스크립트
- addEventListener
- 이벤트
- promise
- JavaScript
- Today
- Total
목록이벤트핸들링 (2)
이다닷

HTTP HTTP(HyperText Transfer Protocol)는 웹 브라우저와 웹 서버가 데이터를 주고받을 수 있게 디자인 된 통신 규약이다. HTTP는 웹에서 이루어지는 모든 데이터 교환의 기초이며, 이 규약을 암호화하여 보안을 확보한 규약은 HTTPS라 한다. => 데이터를 주고 받는다? HTML, 이미지, 영상, 음성 파일 등을 주고 받는다! HTTP 통신 HTTP에서는 클라이언트가 서버에 요청 메시지를 보내고 이에 대해 서버가 응답 메시지를 반환한다. 서버는 응답 메시지를 반환한 후에 초기 상태로 돌아간다. 이러한 특징으로 인해 HTTP를 stateless 규약이라고도 한다. HTTP 요청 HTTP 요청 메시지는 요청 행, 요청 헤더, 메시지 본문으로 구성된다. 요청 행 : 요청 메소드, ..

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