# Event

97개의 포스트
post-thumbnail

React 이벤트 처리

React 이벤트는 소문자 대신 camelCase를 사용JSX에 문자열 대신 함수를 전달기본 동작 막기 위해 false return 불가능html에서는 아래와 같이 이벤트를 넣었다면React에서는 onClick, onSubmit 등과 같이 camelCase로 함수를 전

4일 전
·
0개의 댓글
post-thumbnail

#TIL18, State🔅 & Props✨ &Event

개인 공부를 위해 작성했습니다state : 상태화면에 보여줄 컴포넌트의 UI 정보(상태)를 지니고 있는 객체constructor()에서 선언된 state의 값을 변경할 때 사용props : properties(속성)props는 부모 component로부터 전달 받은 데

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

react scroll 이벤트 정리

scroll 이벤트란?hooks에서 scroll event를 받아 사용하는 법구현과 정리말 그대로 scroll 이벤트가 발생하면 특정 function을 행해주는 것을 말한다.보통 scroll이 x에 왔을 경우 A이벤트를 실행한다. 이런 식의 이벤트가 보통이다.event

2021년 4월 29일
·
0개의 댓글

eventEmitter설명

Much of the Node.js core API is built around an idiomatic asynchronous event-driven architecture in which certain kinds of objects (called "emitters") emit named events that cause Function objects ("l...

2021년 4월 17일
·
0개의 댓글

자바스크립트(Document Object Model) 이벤트 addEventListener [1-5]

버튼을 누르면 h1태그 제목의 색이 바뀌게 하기 위해서각각 button 과 h1 태그의 선택자를 선택해 변수에 넣는다.h1에 스타일을 주는 function을 만든다.addEventListener('click',스타일을 주는 함수)를 이용해서 button을 눌렀을 때 이

2021년 4월 16일
·
0개의 댓글

TIL43 l React - 이벤트 다루기

React 엘리먼트에서 이벤트를 처리하는 방식은 DOM 엘리먼트에서의 방식과 유사하지만, 아래와 같은 차이점이 있다.React의 이벤트는 소문자 대신 캐멀 케이스(camelCase) 를 사용JSX를 사용해 문자열이 아닌 함수 로 이벤트 핸들러를 전달📍 예시🔍 HTM

2021년 4월 13일
·
0개의 댓글

[React]이벤트 핸들러

함수가 호출될 때 this는 호출부에 따라 결정되므로, 클래스의 임의 메서드가 특정 html 요소의 이벤트로 등록되는 과정에서 메서드와 this의 관계가 끊어진다. 임의의 메서드가 이벤트로 등록되어도 this를 컴포넌트 자신으로 제대로 가리키기 위해서는 메서드를 thi

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

자바스크립트 이벤트

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

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

stopPropagation 과 preventDefault 차이는 뭘까??

stopPropagation 과 preventDefault 차이

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

💡 Event.target VS Event.currentTarget

e.target은 event가 전달한 객체에 대한 참조이고, e.currentTarget은 이벤트의 버블링 또는 캡처 단계에서 이벤트 핸들러를 호출하는 참조이다. 더 쉬운 설명은 본문을 참조하자!

2021년 3월 19일
·
0개의 댓글

JavaScript event(onclick), define function

Js event, onclick, function, property처음에 이렇게 썼는데 코드카데미에서 자꾸 turnButtonRed를 define하라고 그래서 도대체 작동 잘 하는데 뭘 더 하라는건가 함.결국 코드카데미가 원하는건 이렇게 쓰는거 였는데이렇게 쓰는게 재사

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

React TypeScript event, eventhandler(해결 못함)

이번 게시물에서는 event와 eventhadler에 대해서 알아보려고 한다.TypeScript를 이용한 input 에 대한 e.target.value를 사용하기 위해서 event에 대한 설정을 하려던 도중 문제가 생기는 것을 알아냈다.다른 사람들의 코딩에서는 JSX

2021년 3월 5일
·
0개의 댓글

[Project] 에어비앤비 사이트 클론 코딩2

기능 1 : 우측 상단 햄버거UI누르면, 레이어 노출 / 레이어 제외한 다른 곳을 누르면 레이어 닫힘기능 2 : 상단 메뉴 '숙소','체험'을 선택할 때마다 검색UI 바뀜.기능 3 : '체험' -> '날짜' 클릭 시 달력UI 노출 / 좌우 버튼 클릭 시 월 변경opac

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

JavaScript 이벤트

자바스크립트 이벤트

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

Event

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

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

[React] 6 - 이벤트

goal리액트의 이벤트 처리방식에 대해서 알아보자JSX 문법을 사용해서 "함수로 이벤트 핸들러를 전달"한다.preventDefault를 명시적으로 호출해야 한다.

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

TIL 001 JavaScript_DOM

JavaScript이용하여 HTML에 list추가하는 방법 익히기

2021년 2월 5일
·
1개의 댓글
post-thumbnail

[JS] e.preventDefault()와 e.stopPropagation()의 차이점

안녕하세요. 오늘은 e.preventDefault()와 e.stopPropagation() 함수 두개의 차이점에 대해서 알아보겠습니다.

2021년 1월 31일
·
0개의 댓글

Events

target 클릭시 브라우저는 capturing을 거치게 된다. 부모부터 해당 target 까지 내려간다.target의 EventHandler를 호출하고 bubbling을 거치면서 부모요소들의 EventHandler까지 다 호출해버린다.capturing단계에서 우리가

2021년 1월 20일
·
0개의 댓글