# Event

18개의 포스트
post-thumbnail

[node.js] Event

node환경에서도 js처럼 addEventlistener같은 이벤트를 등록해서 사용할 수 있다.이벤트와 관련된 메소드 들이다.사용방법을 예로 확인해 보자이벤트 등록시 addEventListener와 on을 사용할수 있다. 짧아서 on을 쓰겠다.보통 on메소드를 이용하여

약 1시간 전
·
0개의 댓글

event.preventDefault()

인스타그램 클론코딩을 하던 도중 한 가지 난관에 봉착했다. 댓글 다는 기능을 구현하려고 했는데 문제는 게시 버튼을 눌렀을 때 0.1초 정도 댓글이 보였다가 사라지는것이다. HTML 구조는 대략 이렇게 구성했다. 이런식으로 input과 button을 form 태그로 감싸준 후 form 태그에 submit 이벤트를 걸어서 엔터를 누르던 게시 버튼을 누르던 c...

3일 전
·
0개의 댓글

#TIL (May 14th, 스물아홉번째 이야기)

the thing event type the code to run//button click change the color//input hits return get search resu

2020년 5월 13일
·
0개의 댓글
post-thumbnail

DOM, event - addEventListener를 쓰자

이 경우 직접적으로 HTML상에 함수를 실행하라고 명시하는것인데가독성이 떨어지고 이벤트를 단 하나밖에 지정할 수 없다는 단점이 있음.우선 DOM을 이용해 요소를 get한다. 그리고 그 변수를 이벤트 처리기의 프로퍼티로 사용했다.위에서 "btm." 뒤의 "onclick"

2020년 5월 5일
·
0개의 댓글

#TIL (April 23rd, 아홉번째 이야기)

https://www.youtube.com/watch?v=Y3_2BLb3hz8

2020년 4월 23일
·
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개의 댓글

Javascript에서 Event 핸들링하기

Javascript에서 event 핸들링하는 방법을 다루었습니다.

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

Event 다루기

About Event control

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

Javascript 의 이벤트

이벤트는 어떤 사건을 의미한다. 브라우저에서의 사건이란 클라이언트가 클릭했을때, 스크롤을 했을때, 필드의 내용을 바꾸었을 때 등을 의미한다.target은 이벤트가 일어날 객체를 의미한다.(버튼등..)이벤트 종류를 의미한다. click 이나 scroll, mousemov

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

이벤트 리스너 줄이기 : Event delegation

프로그래머스 2020 Dev-Matching : 웹 프론트엔드 과제 복기 https://github.com/woohyeonjo/ilovecat

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

Modal 만들기 : Event propagation

프로그래머스 2020 Dev-Matching : 웹 프론트엔드 과제 복기 https://github.com/woohyeonjo/ilovecat

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

20.03.21 자바스크립트 | 자기소개서

else if()는 if()문 이외의 다른 조건을 주고싶을 때 사용해준다.100 === 50 은 같다의 의미보다는 값을 체크하는 것이다. 숫자 이외에도 string을 비교할 수 있다.true&&true = true;false&&true = false;true&&fals

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

(TIL 43일차) SyntheticEvent와 nativeEvent

이벤트 핸들러 SyntheticEvent 와 nativeEvent

2020년 3월 16일
·
0개의 댓글

IOS 모바일 기기에서 click event 사용시 문제점[JS]

다들 웹개발을 하실 때 click event를 많이 사용하실 겁니다. 아마 이런 식으로 이벤트를 추가하실텐데 pc에선 문제가 없습니다. 하지만 IOS 모바일 기기에서 확인해보면 약간 반응이 느린걸 알 수 있습니다. 무엇이 문제일까요?? 이는 IOS가 의도적으로 클릭이벤트를 지연시키기 때문입니다. 일부러 클릭이벤트를 지연시켜 제스쳐/스와이프가 올바르...

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

TIL 6월 13일 - event object, parameter 와 argument

Event object event는 click, load, keydown 등등 아주 많았다. 특정 HTMLElement에 addEventListener로 해당 이벤트가 발생할 때 특정 함수를 실행하도록 하면, 이 함수에 event Object를 만들어 argument로 자동으로 전달한다고 한다. 다만, 함수를 선언할 때 event 객체를 전달받을 첫번째...

2019년 6월 13일
·
0개의 댓글
post-thumbnail

TIL 6월 12일 - callback, asynchronous call, event loop, event, ajax

callback 다른 코드의 인수로서 넘겨주는 실행가능한 코드를 말한다고 한다. 콜백을 넘겨받는 코드는 이 콜백을 필요에 따라 즉시 실행할수도 있고, 나중에 실행할 수도 있다. 보통 callback함수라고 해서 다른 함수에 인자로 넘겨주는 함수를 지칭하는 경우가 많은 것 같다. asynchronous call 비동기 방식으로 일을 처리하는 것을 말하는...

2019년 6월 12일
·
0개의 댓글
post-thumbnail

React 강좌) trendy React 1-5. 이벤트 알아보기

React에서 이벤트를 작성하는 방법을 알아봅니다.

2019년 4월 16일
·
1개의 댓글