# event handling

14개의 포스트

[react] throttle 함수 만들기

throttle 은 이벤트 핸들링에 관련된 개념으로,처음 클릭할때 함수를 호출하고,일정시간동안 호출을 막는 기능을 한다스크롤 이벤트를 처리 할 때 주로 사용,비슷한 개념으로 debounce도 있는데, 이건 이벤트가 트리거 되고 일정 시간 이후에 호출이 되는것으로,둘다

2023년 5월 17일
·
0개의 댓글
·
post-thumbnail

[iOS] UIResponder & Responder Chain

UIKit 앱에서 사용자의 이벤트를 어떤 식으로 처리하는지 알아보기 위해 포스트를 작성하였다.

2023년 2월 24일
·
0개의 댓글
·

JSCODE - React 3회차

컴포넌트의 props는 properties의 줄임말로 어떠한 값을 컴포넌트에 전달해줘야 할 때 props를 사용한다.Ex) App 컴포넌트에서 Hello 컴포넌트를 사용할 때 name이라는 값을 전달App.jsHello.jsEx) Hello 컴포넌트에 또 다른 prop

2023년 2월 17일
·
1개의 댓글
·
post-thumbnail

Event Handling

HTML DOM 에 클릭하면 이벤트가 발생하고, 발생하면 그에 맞는 변경이 일어나도록 해야합니다.JSX 에 이벤트를 설정 할 수 있습니다.camelCase 로만 사용할 수 있음onClick, onMouseEnter이벤트에 연결된 자바스크립트 코드는 함수임이벤트={함수}

2022년 7월 5일
·
0개의 댓글
·

[FE] 이벤트 핸들링

이벤트 관련 이슈를 작업 도중 자꾸 헷갈리는 이벤트 수식어와 핸들 과정을 정리해보는 시간을 가져볼까한다.브라우저에서 이벤트가 어떻게 감지되는지 또 어떻게 전파되는지 확인해본다.이벤트 버블링은 특정 화면 요소에서 이벤트가 발생하였을때 해당 이벤트가 더 상위의 요소들로 전

2022년 6월 29일
·
0개의 댓글
·

preventDefault()와 stopPropagation()의 차이

기본적인 이벤트를 방지할 때 e.preventDefault()를 많이 사용했었는데 프로젝트에서 e.stopPropagation()가 사용되고 있어서 두 개의 차이를 알아보기로 했다차이를 알아보기에 앞서 먼저 두 메서드가 어떤 역할을 하는지부터 간단히 알아봤다a tag를

2022년 4월 6일
·
0개의 댓글
·

⌨️ Event Handling

Event Handler : 이벤트가 발생했을 때 브라우저에 호출을 위임한 함수 즉, 이벤트가 발생하면 브라우저에 의해 호출될 함수이번에는 리액트에서 이벤트 핸들링하는 것을 알아보겠다.우선 기존 HTML에서 DOM요소에 이벤트 핸들링하는 것을 살펴본 뒤리액트에서 이벤

2022년 1월 18일
·
0개의 댓글
·

리액트2(Props와 State)

Props : 컴포넌트 외부에서 컴포넌트에게 주는 데이터 State : 컴포넌트 내부에서 변경할 수 있는 데이터 둘 다 변경이 생기는 경우 render(컴포넌트 그리는 방법을 기술하는 함수)가 다시 일어날 수 있음. > Function Component (defau

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

[CS] React State & Props Day-21

React 함수 컴포넌트 (React Function Component)에서 state hook을 이용하여 state를 정의 및 변경할 수 있습니다.React Component에 props를 전달할 수 있습니다.살면서 변할 수 있는 값을 뜻합니다. (일반적으로 상태)라

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

Event Handling

이벤트 핸들링 JS는 onClick="alert('executed')" 처럼 이벤트핸들링에 JS코드를 넣는다 React의 이벤트 시스템은 웹브라우저의 HTML이벤트와 인터페이스가 동일하다. 주의사항 카멜표기법할것! JS 코드 X, 함수형태 O DOM요소에만 이벤트

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

[React] Event Handling

JavaScript에서 우리는 addEventListner라는 이벤트 핸들러를 사용하였습니다. React에서는 어떠한 방식으로 기능을 구현할 수 있는지 살펴봅시다.

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

[Vue.js] 이벤트 핸들링

Vue.js의 이벤트 핸들링의 개념에 대해 살펴봅시다.

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

Responder Chain을 이용해 Event Handling하기!

앱은 Responder 객체를 사용해 이벤트를 수신하고 처리한다. Responder 객체는 UIResponder 클래스의 모든 인스턴스이며, 공통 하위 분류로는 UIView, UIViewController, UIApplication 등이 있다. Responder는 ra

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

TIL 6월 18일 - SameValueZero, ECMAScript, Enumerability, event handler 요소 접근

SameValueZero Codestates의 underbar 과제를 하다가 uniq의 풀이법이 많아보이는 것 같았다. 그래서 아예 lodash의 uniq를 찾아보려고 가니 documentation에서 equality comparison으로 SameValueZero 를 사용해줬다는 대목이 나와서 찾아봤다. ECMAScript에서는 같은지 아닌지 비교할때...

2019년 6월 18일
·
0개의 댓글
·