# 이벤트

30개의 포스트

[React]리액트의 이벤트 시스템

이벤트 이름은 카멜 표기법으로 작성한다.ex) html의 onclick은 react에서는 onClick이벤트에 실행할 자바스크립트 코드를 전달하는 것이 아니라 함수 형태의 값을 전달한다. DOM 요소에만 이벤트를 설정할 수 있다.우리가 직접 만든 컴포넌트에는 이벤트를

2021년 4월 4일
·
0개의 댓글
post-thumbnail

자바스크립트 이벤트

브라우저는 단일 쓰레드(single-thread)에서 이벤트 드리븐(event-driven) 방식으로 동작한다.단일 쓰레드는 쓰레드가 하나뿐이라는 의미이며 이말은 곧 하나의 작업(task)만을 처리할 수 있다는 것을 의미한다. 하지만 실제로 동작하는 웹 애플리케이션은

2021년 3월 23일
·
0개의 댓글
post-thumbnail

[JS] 이벤트 버블링과 캡처 그리고 위임

Javascript 이벤트에 대해 알아보겠습니다!

2021년 2월 23일
·
0개의 댓글

Event

학습 목표Event등록을 할 수 있다.Event. handler가 무엇인지안다.Event type, Event object에 대해서 안다.Event가 비동기적으로 어떻게 동작하는 지 설명할 수 있다.이벤트 객체

2021년 2월 15일
·
0개의 댓글
post-thumbnail

JAVA :: 이벤트

💡 이벤트 관련 용어 💬 이벤트 소스 : 이벤트를 발생시킨 GUI 컴포넌트

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

React_5

WEB을 클릭할 때 이벤트를 발생시키려고 한다.—> onClick React는 함수 호출시 함수의 첫번째 매개변수로 event라는 객체를 넣기 로 약속되어있다.function(e){console.log(e);}console에 찍어보면 이렇게 나온다.하지만, 누르면 페이

2021년 1월 27일
·
0개의 댓글
post-thumbnail

프로그래머스 웹 프론트엔드 과제 with vanillaJS 3

문제 > #### 이미지 상세 보기 모달 관련 디바이스 가로 길이가 768px 이하인 경우, 모달의 가로 길이를 디바이스 가로 길이만큼 늘려야 합니다. 필수 이미지를 검색한 후 결과로 주어진 이미지를 클릭하면 모달이 뜨는데, 모달 영역 밖을 누르거나 / 키보드의 ESC

2021년 1월 18일
·
0개의 댓글
post-thumbnail

TIL [리액트 Error: Maximum update depth.. 해결법]

혼자 리액트를 이용하여 To-do list를 만들다 보니 궁금한 점이 있었다. 왜 onClick같은 함수가 이벤트로 들어갈 땐그냥 onClick = {onClick}인데, 매개 변수가 필요한 onToggle같은 함수는 onClick={() => onToggle(id)}

2021년 1월 12일
·
0개의 댓글
post-thumbnail

TIL [이벤트]

click: 마우스를 클릭했을 때dbclick: 마우스를 더블클릭했을 때mouseover: 마우스를 오버했을 때mousemove: 마우스를 움직였을 때keydown: 키를 눌렀을 때keyup: 키를 떼었을 때keypress: 키를 누른 상태일 때change: 값이 변경

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

(JS) 이벤트 버블링(Event Bubbling) 과 캡쳐(capture)

이벤트 버블링 이벤트 버블링은 특정 화면 요소에서 이벤트가 발생했을 때 해당 이벤트가 더 상위의 화면 요소들로 전달되어 가는 특성을 의미한다. > 상위의 화면 요소란? HTML 요소는 기본적으로 트리 구조를 갖는다. 여기서는 트리 구조상으로 한 단계 위에 있는 요소를 상위 요소라고 하며 body 태그를 최상위 요소라고 부를 수 있다. 위 코드는 세 개...

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

이벤트(Event)

이벤트

2020년 11월 27일
·
0개의 댓글
post-thumbnail

[React] 6. 이벤트 처리하기

리액트 이벤트는 캐멀 케이스(camelCase)를 사용한다.JSX를 사용하여 문자열이 아닌 함수로 이벤트 핸들러를 전달한다.

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

[코드스쿼드 코코아 과정_자바] AWT 이벤트 연습하기

출처: 자바의 정석 2판 p782 저자 남궁성버튼 만드는 방법을 배운다.5x5로 Frame에 맞게 버튼을 만들어본다 시도해본다.BorderLayout의 Center를 이용하면 5x5로 깔끔하게 만들수있을 거같다.BorderLayout가 아니라 GridLayout으로 할

2020년 11월 23일
·
0개의 댓글

[코드스쿼드 코코아 과정_자바] AWT 이벤트 (Event)

AWT에서 Frame 안에서 일어나는 기본적인 것들, 이를테면 정보들을 리스트형식이나 버튼형식이나 팝업형태로 나타내고 사이즈, 위치 등을 조절하는, 메소드가 있고 어떻게 사용하는지 등을 찾아볼 수 있고 필요한 것을 쓸 수 있다. 그 중에서 이벤트는 예제 문제를 통해서

2020년 11월 23일
·
0개의 댓글

리액트 네이티브 이벤트 발생 및 버튼 구현

TouchableOpacity를 이용해서 view에다가 이벤트를 발생시켜 보겠다.임의로 header.js 라는 파일을 새로 만들어서 실습을 해보았다.TouchableOpacity는 여러 property를 가지고있다. 몇 가지를 보겠다.TouchableWithoutFee

2020년 11월 14일
·
0개의 댓글

JS_6. 이벤트

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

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

[Web] 이벤트 위임 (Event Delegation)

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

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

리엑트 이벤트 핸들링

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

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