본문 바로가기

퍼블리셔11

[바닐라JS] addEventListener() 함수의 실행 이벤트 오늘의 공부😎 addEventListener은 이벤트를 등록하는 방법이고, 이 방법을 사용하게 되면 여러개의 이밴트를 이벤트핸들러에 등록이 가능하다 단 IE8에서는 호환되지 않는다(attachEvent 사용해야한다) const title = document.querySelector("#title"); function handleClick(){ title.style.color = "red" } title.addEventListener("click",handleClick); // 즉시 handleClick 함수 실행 title.addEventListener("click",handleClick); // title을 클릭했을때 handleClick 함수 실행 기초적인 사용방법은 위와 같다 2021. 2. 2.
[바닐라JS] 배열 array , object 오늘의 공부😎 배열은 연관된 데이터를 모아서 하나로 관리하기 위한 데이터 타입! 배열안에 배열을 넣을 수도 있고, object를 array안에 넣을 수 있음 const는 지난번 스터디에서 배웠듯, youngniiiInfo는 상수여서 변수가 변경이 안되지만 배열 내 object들은 값 변경이 가능! const youngniiiInfo = { name : 'young_niii', age : 9, gender : 'female', favFood :[ { name : 'burger', koreaTradition : false }, { name : 'kimchi', koreaTradition : true } ] } youngniiiInfo.gender = 'Male' youngniiiInfo = {'a','b',.. 2021. 1. 29.
[바닐라JS ] 변수 let, const 차이점 오늘의 공부😎 vanlia.js 란 라이브러리가 포함되지않은 순수한 자바스크립트를 지칭 [어떠한 라이브러리나 프레임워크를 쓰지 않는 자바스크립트를 이르는 별명] javascript 변수에는 var, let, const가 있는데 4년전만 해도 var 밖에 쓸 수 없었지만 그 후 let 과 const를 쓸 수 있게 되었는데 const는 상수를 변수에 둘때 사용된다. 변수는 뭐고 상수는 뭔가? ‣ 변수는 상황에 따라 그 값이 변경 가능, 상수는 값을 '절대로'바꿀 수 없음 예를 들어, 아래와 같이 코드를 작성했을경우 const a = 221; let b = a - 5; a = 4 console.log(b,a); TypeError: Assignment to constant variable. at /index.j.. 2021. 1. 28.
[jquery] 특정 영역 밖 영역 클릭시 이벤트 안녕하세요 영니입니다😎 레이어팝업을 구현하다보면 가끔 팝업 외에 부분을 클릭했을때 레이어팝업이 닫히도록 구현 요청이 들어오는데! 그때 제가 사용하는 코드입니다. 클릭한 html 내의 target이 특정 class를 가지고 있는지 hasClass로 여부를 체크해 ✔ 그 상황에만 이벤트가 일어나도록 하는 코드입니다. 하다보면 hasClass로는 구현하지 못하는 팝업도 있는데 그때 또 제가 다르게 사용하는 코드는 아래와 같습니다. 특정 부모의 자식이 맞는지 체크하여 이벤트를 실행 하는 겁니다! $('html').click(function(e){ if($(e.target).parents('.className').length < 1){ console.log('팝업 외 부분이 맞습니다') //실행 이벤트 부분 } .. 2020. 10. 29.

티스토리툴바