# addEventListener

28개의 포스트
post-thumbnail

3. CSS Variables

Spacing, Blur, Base Color 각 label이 변화할 때, 사진이 그 알맞게 변화해야 한다.Spacing: 그림의 padding값Blur: 그림이 흐린정도 (filter: blur(3px))Base Color: 그림의 background-color:ro

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

1. Javascript Drum

키보드 입력을 인식해서 그에 맞는 소리를 출력하는 드럼을 만들자키보드가 눌리는 이벤트(keydown)이 발생하면'playSound' 콜백함수가 실행된다.선택자를 이용해 html element를 가져온다.선택자에 해당하는 요소가 여러개 있으면 DOM tree 맨 위에 있

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

Inline event vs AddEventListener

movieApp의 pagination을 위해서 구글링을 하던 도중 inline형태로 click이벤트를 추가한것을 보게되었다. 그때, inline과 기존의 AddEvent와는 무슨 차이가 있나 싶어서 찾아보게 되었다.우선 inline으로 이벤트를 등록하는 방법은 두가지가

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

[JS] 바닐라 자바스크립트 학습 - Elements, events

3.2 Searching For Elements _html 값을 js로 불러오는 방법! getElementsByClassName() : array를 반환 getElementsByTagName() : array를 반환 getElementById : 하나의 값 queryS

2021년 12월 15일
·
0개의 댓글

function // addEventListener

change 이벤트 같은거 세개

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

JavaScript - 인스타그램 로그인 화면

인스타그램 클론코딩으로 실질적인것을 많이 접했다고 느낀다.DOM으로 HTML과 Javascript를 연결하여 동적인 효과를 부여 할 수 있었다.

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

[JS] Document object, querySelector, Event

document : Html에 대한 모든 것을 js로 보여준다. 접근할 수 있는 html객체. 나의 website. 모든 것들은 document에서부터 시작한다. document object를 이용하여 html을 변경할 수 있다.ex)이 코드를 통해 이 문서의 제목이

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

[JS] 클릭한 특정 박스에 불켜기

여기저기 방 불을 키고 다니는 아이들을 위해 하나의 방에 불을 키면 다른 방 불을 꺼

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

[JS] 버튼 클릭으로 특정문장 hide/show

hide버튼을 누르면 <h1>인 junlee가 사라지도록 show버튼을 누르면 <h1>인 junlee가 나타나도록addEventListener()는 EventTarget의 주어진 이벤트 유형에, EventListener를 구현한 함수 또는 객체를 이벤트 처리

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

[1차 프로젝트] Westagram clone 2

HTML태그를 이용하여 구조짜기CSS 기초 개념을 활용하여 원하는 디자인 짜기개발자도구를 활용하기자바스크립트로 기능 구현하기id, pw 에 각각 한 글자 이상 써야 버튼이 활성화 되도록 해주세요.원래 연한 파란색이었다가 -> 활성화 되면 파란색으로!댓글 input 창에

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

TIL 32 , Event 등록방법

inline, property Listener, eventListener

2021년 8월 23일
·
0개의 댓글

[참조] addEventListener, defaultPrevented, preventDefault, keyCode

target.addEventListener('이벤트', 함수, 캡쳐링불린값)첫번째 인자는 이벤트명이벤트 참조 : https://developer.mozilla.org/ko/docs/Web/Events두번째 인자는 콜백 함수 (이벤트 발생 시 실행)세번째 인자는

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

JavaScript - 4

DOM : addEventListener, classList

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

useEffect와 addEventListener

1\. useEffect의 사용법2\. useEffect와 addEventListener3\. useEffect와 removeEventListenerreact에서 권장하는 useEffect의 사용법은component 내부에서 선언함으로써 state를 사용 가능하게끔 c

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

airbnb 클론코딩

airbnb를 만든 화면이다. 주된 컨텐츠 우측 상단 login_box 만들기 가운데 각 menubar의 title hover 작동 menubar의 hover 기능 && 클릭시 달력 동작 등 나머지 html 작업(사진 간격 등) 내가 완벽하게 하지 못한 작업

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