# Event

271개의 포스트

[FE] 이벤트 핸들링

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

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

JavaScript 심화 2

Event 개념 및 역할 / Event handler / Event 취소

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

[Vue] 이벤트 및 수식어

연결된 메소드 한번만 실행@submit이벤트 동작은Button의 타입이 "submit"인 버튼을 누르면이벤트 버블링에 의해 동작하고,\+추가로 기본 form 동장방지 ( 새로고침, 제출 )를 위해 prevent 수식어를 달아 준다.각각 1, 2, 3, 4 별로자식, 부

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

[2022.06.20] (스스로 해보기) 자바스크립트로 드래그 앤 드롭 이벤트 구현하기

자바스크립트 복습 겸 드래그 앤 드롭 이벤트 구현 공부HTML과 CSS를 사용해 드래그할 요소와 드래그 박스를 만들었다.드래그 요소에는 draggable 속성을 작성해주면 된다.드래그 이벤트는 드래그 가능한 대상에서 발생할 수 있는 이벤트이다.dragstart드래그가

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

Spring - Event Driven

모든 코드는 Github에 있기 때문에 함께 보시면 더 이해하기 쉬우실 것 같습니다.(공부한 내용을 정리하는 Github와 이 모든 내용을 담고 있는 블로그가 있습니다. )쇼핑몰에서 구매를 취소하면 환불 처리를 해야 합니다. 보통 결제 시스템은 외부에 존재하므로

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

Spring 비동기 FCM 알림서버 구현하기 (Feat.ApplicationEvent)

FCM은 FireBase Cloud Messaging의 약자로, 무료로 메시지를 안정적으로 전송할 수 있는 교차 플랫폼 메시징 솔루션입니다.모든 사용자에게 알림 메시지를 전송할 수도 있고, 그룹을 지어 메시지를 전송할 수도 있습니다.Firebase 서비스는 요금 정책에

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

[C#]_유니티_델리게이트(Delegate)_callback_chain_event_EventHandler

델리게이트(Delegate)는 함수를 대신 실행해주는 대리자델리게이틑 함수를 대신 실행해주는 역할을 하기 때문에 리턴타입과 매개변수가 꼭 동일한 함수만 대신 실행해줄 수 있다.델리게이트는 마치 구독을 했다가 구독을 취소하는 것처럼 연산자를 이용하여 넣고 뺄 수 있다.

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

MVVM event 처리 공부

EVENT 처리하는 공부 TODO 앱. MVVM을 공부하며 맨날천날 LIVEDATA만 사용하니 이거 맞나?.. 라는 생각이 들어 찾아보다 역시 여러 방법들이 있는 것을 알았다… 완성 코드. 공부하는 겸 ROOM, Firebase RealTime DB를 사용해 to

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

[JavaScript] 런타임 작동방식 & 비동기와 이벤트 루프

🛴 주요 내용 자바스크립트란? 자바스크립트 V8 엔진이란? 자바스크립트 런타임이란? 자바스크립트 싱글 스레드 기반 프로그래밍 언어 엔진의 구성 요소 힙과 콜 스택 싱글 스레드의 동기적 처리로 인한 블로킹 및 해결을 위한 비동기 처리 런타임 작동 방식(=비동기 처리 방

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

[Javascript] e.target과 e.currentTarget의 차이점

블로그를 보면서 타입스크립트를 공부하다가 e.target과 e.currentTarget이 다르다는 것을 알고, 무엇이 어떻게 다른지 개념을 이해하고자 정리해본다.event.currentTarget == the element to which the event handle

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

React 기초 정리 3편

기초 정리 3편으로 돌아왔습니다. 이전 기초 정리 1, 2편을 참고 해보시면, 컴포넌트에 대해서 이해 할 수 있습니다. 그러면 이제 HTML과 스타일링을 정리 해봤으니, 이벤트에 관해 정리 해보려 합니다.바닐자 자바스크립트를 위주로 공부 하신 분들은 이벤트라는 말을 들

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

[JS]e.target, e.currentTarget의 비교

요약부터 하자면,e.target : 이벤트 발생대상의 자식요소e.currentTarget : 이벤트 발생대상 즉, 클릭요소의 이벤트가 걸린 부모가 선택됨예제 코드로 보자면 아래와 같다.위와 같은 상황에서 < p > 를 클릭한다면,사진과 같은 결과를 확인할 수 있다

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

Throttling & Debouncing

Throttling 과 Debouncing 은 이벤트를 제어하는데 사용된다. 이벤트 핸들러가 많은 연산을 수행하는 경우 이벤트 발생에 대해 제약을 걸어 일정 수준의 이벤트만을 실행시키는 것이다. Throttling Throttling은 주기마다 이벤트를 발생시키는 방

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

이벤트

마우스 이벤트폼 요소 이벤트키보드 이벤트문서 이벤트CSS 이벤트https://ko.javascript.info/introduction-browser-eventshttps://ko.javascript.info/events

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

12주차 회고 - 이벤트 처리

항해 99 실전 프로젝트 12주차 회고 자료입니다.

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

JavaScript 06 - Event

HTML요소의 이벤트 처리기 속성에 설정하는 방법<input type = "button" onclick = "changeColor();">DOM요소 객체의 이벤트 처리기 프로퍼티에 설정하는 방법var btn = document.getElementById("butt

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

[vue.js] Event (기초)

링크 클릭시 "진짜 이 페이지에서 나가시겠습니까?"라는 문구를 본적 있을 것이다. 대부분 'yes'를 누르겠지만Vue에서 태크 사용시 진짜 링크로 이동할껀지 아닌지 comfirm을 받은 후 이동할지 안할지 결정하는 방법에 대해 알아보자!/html/

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

[JS] input keydown 한글이 두번 찍힐 때

끝 글자가 추가로 발생되는 keydown 이벤트 처리하기

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

setAttribute

kitty사진을 누르면 doggy사진으로 바뀌는 event.kitty img tag에 onClick event를 걸고 makeDoggy 함수를 값으로 줬다. An event listener attribute's value should be a function. make

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

LiveData, Event Wrapper에서 StateFlow, SharedFlow로

앱을 멀티 모듈로 변경하는 과정에서 각 특정 모듈에서 발생하는 의존도 문제를 경험하며 Android에 의존적인 LiveData의 사용을 중단하고, 이로 작성 된 코드들을 Flow 로 변경하는 작업을 진행하였습니다.

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