# Event

85개의 포스트

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

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

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

이벤트

자바스크립트 이벤트

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일
·
0개의 댓글
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개의 댓글
post-thumbnail

이벤트와 이벤트 핸들러

이벤트와 이벤트 핸들러에 대해서 공부하고 작성해보았습니다.

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

[JS] 이벤트 버블링, 캡쳐링, 위임

이벤트 버블링은 특정 이벤트가 발생했을 때 해당 이벤트가 상위 요소들까지 전달되는 것을 의미한다.

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

[JavaScript] 이벤트 버블링, 캡쳐링, 위임

프론트엔드 면접을 볼 당시에 이벤트 버블링, 캡쳐링에 대한 질문을 받았었는데 대답을 제대로 하지 못해 면접을 시원하게 말아먹었던 기억이 생각나 작성하는 포스팅... 다신 볼 일없게 꼼꼼하게 정리하자..!

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

[DOM] 이벤트 캡쳐링, 버블링

위와 같이 중첩된 요소에서 element에 addEventListner로 click, scroll 등의 이벤트를 사용하는 경우, 중첩된 요소에서 이벤트가 발생할 때상위의 이벤트가 하위에 전달되고, 하위의 이벤트가 상위에 전달된다.위와같이 이벤트가 전파되는 방식에 대해

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

자바스크립트 이벤트

이벤트 브라우저는 처리해야할 특정 사건이 발생하면 이를 감지하여 이벤트를 발생 시킨다. 예를 들어 클릭, 키보드 입력, 마우스 이동등이 일어나면 브라우저는 이를 감지하여 특정한 타입의 이벤트를 발생시킨다. 이벤트가 발생했을 때 호출될 함수를 이벤트 핸들러라고 하고

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

(JS) 이벤트 위임(Event Delegation)

이벤트 위임 이벤트 위임은 실제 바닐라 JS로 웹 앱을 구현할 때 자주 사용하게 되는 코딩 패턴이다. 이벤트 위임을 요약해보면 하위요소에 각각 이벤트를 붙이지 않고 상위 요소에서 하위 요소의 이벤트들을 제어하는 방식입니다. 만약 여기서 할 일이 더 생겨서 리스트 아이템을 추가하려면 어떻게 해야할까? 위처럼 DOM 셀럭터를 이용해 체크박스를 더할 수 ...

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

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

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

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

(JS) Event 객체

이벤트(event) 특정 버튼을 클릭했을 때, DOM이 로드되었을 때 등의 어떠한 사건ㅇ르 의미한다. 브라우저는 이벤트를 감지할 수 있으며, 이를 통해 사용자와 웹 페이지의 상호 작용이 가능하다. 이벤트 핸들러를 통해 이벤트 발생 시 원하는 함수에 연결하여 실행시킬 수 있다. event listner(event handler) 어떠한 이벤트가 발생했을 때...

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

이벤트 함수의 실행 순서(Awake, Start, Update, LateUpdate)

유니티 스크립팅시, 미리 정의된 순서대로 실행되는 이벤트 함수가 있습니다.이 함수는 씬이 시작되면 호출이됩니다(씬의 각 오브젝트에 대해 한 번). Awake : 이 함수는 항상 Start 함수의 이전 및 프리팹의 인스턴스화 직후에 호출됩니다. (만약 게임 오브젝트가

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

openlayers3 contextmenu Event

자바스크립트 openlayers3에서 map에 contextmenu event (rightclick)를 등록하는 방법

2020년 12월 17일
·
0개의 댓글
post-thumbnail

JavaScript | event.composedPath()

오늘은 event.composedPath()에 대해 적어보려 한다.먼저 mdn 공식 문서를 인용해보자면,The composedPath() method of the Event interface returns the event’s path which is an array

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

캡쳐링, 버블링으로 원하는 순서대로 이벤트 핸들러가 발동되게 하기

이벤트 캡쳐링, 버블링에 관한 지식을 테스트하는 문제를 풀어보았다. 문제 버튼을 클릭했을 때 아래와 같은 순서로 콘솔에 출력되도록 코드를 수정해주세요. 1 2 3 HTML 구조 body (최상단) → section → div → button (이벤트 타겟) 현

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