# 이벤트

15개의 포스트

JS_6. 이벤트

onload 객체가 로드되었을 때 발생 웹페이지의 모든 컨텐츠가 완전히 로드된 후 수행 가장 자주 사용되는 이벤트 onclick 마우스로 요소를 클릭했을 때 ondblclick 마우스로 요소를 연속 클릭했을 때 onmouseover 마우스를 요소 위에 올렸을 때 onm

2020년 9월 22일
·
0개의 댓글
post-thumbnail

이벤트 위임 (Event Delegation)

지난번에 알아본 이벤트 버블링과 캡처링은 이벤트 위임을 이해하기 위한 기본 바탕이라고 할 수 있다. 이벤트 버블링, 캡처링 > 버블링 : 특정 요소에서 발생한 이벤트가 상위 요소로 전달되는 방식 캡처링: 특정 이벤트가 발생했을 때 최상위 요소인 body 태그에서 해당

2020년 9월 8일
·
0개의 댓글
post-thumbnail

리엑트 이벤트 핸들링

이벤트 설명username , message를 form으로 설정하고form 내용 복사해서 e.target.name을 value로 설정하고setFrom으로 내부 값 초기화버튼 클릭이나 엔터 입력시 alert창 띄우고 이후에공백으로 설정

2020년 8월 28일
·
0개의 댓글

웹 브라우저에서의 입출력

모던 자바스크립트 입문을 정리한 내용입니다.window.alert : 경고 대화상자를 표시alert("안녕하세요");window.prompt : 사용자의 문자열 입력을 받는 대화상자를 표시var name = prompt("이름을 입력하십시오")window.confirm

2020년 8월 28일
·
0개의 댓글

React event handler

이벤트 이름은 카멜 표기법으로 작성합니다onclick → onClickonkeyup → onKeyUp이벤트에 실행할 자바스크립트 코드를 전달하는 것이 아니라, 함수 형태의 값을 전달함수 형태의 객체를 전달한다. 화살표 함수 문법으로 함수를 만들어 전달해도 되고, 렌더링

2020년 8월 26일
·
0개의 댓글
post-thumbnail

JavaScript #8 폼과 이벤트

JavaScript HTML

2020년 8월 24일
·
0개의 댓글
post-thumbnail

이벤트 드리븐 아키텍쳐 & 쓰레드

이벤트 기반 프로그래밍 기본 개념 ios 이벤트 기반 프로그래밍 (EDP: Event-driven programming) 과거에는 순차적, 절차적 프로그래밍이 일반적이었다. 모든 프로그램의 흐름을 시간의 흐름대로 순서대로 정의하고 해석하였다. 현재도 비슷한 패턴

2020년 8월 3일
·
0개의 댓글
post-thumbnail

[리액트(React) 스터디] - npm과 npx, 컴포넌트 제작(props), state, 이벤트(bind, setState)

npm(Node Package Manager)node.js에서 사용하는 모듈들을 패키지로 만들어 npm을 통해 관리하고 배포한다.python - pip 같은 친구!nodejsnode.js 사이트에서 node.js installer를 다운로드 한다.window라면 git

2020년 4월 28일
·
0개의 댓글

Javascript 의 이벤트

이벤트는 어떤 사건을 의미한다. 브라우저에서의 사건이란 클라이언트가 클릭했을때, 스크롤을 했을때, 필드의 내용을 바꾸었을 때 등을 의미한다.target은 이벤트가 일어날 객체를 의미한다.(버튼등..)이벤트 종류를 의미한다. click 이나 scroll, mousemov

2020년 4월 2일
·
0개의 댓글

(TIL 43일차) SyntheticEvent와 nativeEvent

이벤트 핸들러 SyntheticEvent 와 nativeEvent

2020년 3월 16일
·
0개의 댓글

[부스트코스]DB 연결 웹앱, 22)Browser Event, Event object, Event handler

이번 포스팅에서는 자바스크립트 Browser Event, Event object, Event handler 에 대해서 공부해보도록 하겠습니다.어떤 영역을 마우스 클릭하거나, 화면을 스크롤 하거나 하는 작업에 따라서 브라우저는 반응합니다.이런 것들은 모두 브라우저가 Ev

2020년 3월 12일
·
0개의 댓글

자바스크립트 이벤트 버블링, 델리게이션

자바스크립트 이벤트가 어떻게 브라우저에서 처리되고, 이를 활용한 방법인 델리게이션에 대해서 알아보았습니다.

2020년 3월 6일
·
8개의 댓글

자바스크립트 이벤트리스너

on + '이벤트명' 위의 이벤트리스너를 종종 사용해보았지만 이번에는 addEventListener 를 사용해보았기 때문에 addEventListener 에 대해 공부하도록 하겠다. .addEventListener() on+'이벤트명'과 같이 이벤트가 발생하였을 때 함수를 실행시켜준다. 이런식으로 사용한다. .addEventListener에서는 여...

2020년 2월 8일
·
0개의 댓글
post-thumbnail

IOS 모바일 기기에서 click event 사용시 문제점[JS]

다들 웹개발을 하실 때 click event를 많이 사용하실 겁니다. 아마 이런 식으로 이벤트를 추가하실텐데 pc에선 문제가 없습니다. 하지만 IOS 모바일 기기에서 확인해보면 약간 반응이 느린걸 알 수 있습니다. 무엇이 문제일까요?? 이는 IOS가 의도적으로

2020년 2월 7일
·
0개의 댓글