# Event Handler

13개의 포스트
post-thumbnail

Event 이벤트

이벤트란 사용자가 클릭했을 때, 스크롤을 움직였을 때, 필드 내용을 바꾸었을 때와 같이 어떤 사건을 의미한다.이벤트에 쓰이는 용어를 먼저 정리해보자.event target : 이벤트가 일어날 객체를 의미. \- 버튼을 누르면 새 창이 열리는 객체가 있다면 여기서

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

[Vue.js] vue 문법 정리

차곡차곡 정리하며 쌓아나가는 vue.js 문법

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

[JS]scrollIntoView event handlers, bubbling & capturing, event delegation, DOM traversing

Implementing Smooth Scrolling scroll 관련 알아두면 좋은 정보들 > * getBoundingClientRect() : relative to visible viewport window.screen : 모니터 size window.outer

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

[React #4] React 만능키 {props} & Event handler

React Component들이 서로 연결되고 반응하기 위해서는 하나의 component 값들을 다른 component로 보내주어야 한다. 하나의 컴포넌트에서 다른 컴포넌트로 넘겨주는 값, 정보(information)를 "props"라고 한다. Props propert

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

Hook 사용예제: usePreventLeave

창을 닫거나 새로고침 하는 등, "beforeunload"이벤트가 발생했을 때 재확인하는 기능을 구현하였다.event속성인 returnValue는 이 이벤트에 대한 기본 작업이 금지되었는지 여부를 나타낸다. 기본적으로 true로 설정되어 있다. "beforeunload

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

Hook 사용예제: useTabs + 함수형 컴포넌트의 event 처리

+(함수형 컴포넌트의 event를 처리할 때 함수를 호출하는 경우). Tab창을 구현하는 커스텀 훅을 구현해보았다.객체를 return 했을 때 { currentItem, changeItem } = useTabs(1, content); 이것처럼 객체안의 값들을 바로 쓸

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

TIL4: call, apply and bind

call, apply 호출은 명시적으로 this를 지정하고 싶을 때 사용합니다. 그리고 이 때 첫번째 인자로 전달되는 객체가 this객체가 됩니다.

2020년 10월 20일
·
0개의 댓글
post-thumbnail

TIL38: Array-Like Object / Event Object

Object 중에서 Array.isArray() 메소드를 적용해 보면 분명 배열이 아니면서 length 속성을 가지거나 반복문 적용이 가능한 객체들을 Array-Like Object 또는 Pseudo Array(유사 배열)이라고 합니다.이러한 객체들은 Array.fro

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

TIL 49 | React 이벤트 핸들링 실습 2 (JS코드 React로 바꾸기)

이번에는 메인페이지의 댓글 기능을 React로 구현해봤다. 사실 아직 Props나 State 개념이 제대로 이해가 된 것은 아닌데, 그냥 이것 저것 구글링해보며 먼저 만들어보면 좀 더 감이 잡힐까 싶어서 실습을 해보고 있다.

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

TIL 48 | React 이벤트 핸들링 실습 (JS코드 React로 바꾸기)

지난 번에 만들었던 인스타그램의 로그인 페이지를 React 라이브러리를 활용하여 구현해보고자 한다.

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

TIL 44 | React 이벤트 핸들링

addEventlistener를 사용하여 DOM으로 event handler를 추가했듯이, React에서는 React element에 이벤트를 추가해서 event handler 함수를 넘겨준다.

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

[자바스크립트 스터디]Review - DOM(Document Object Model) Function, Event, Event Handler(=Event Listener), If/Else, And/Or

DOM(Document Object Model)한 페이지에서 자바스크립트로 선택한 건 모두 객체이다.문서 객체 모델(DOM, Document Object Model)은 XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스.1\. html이나 body와 같은 htm

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