본문 바로가기

alert2

2021-06-07 (56일차) event, preventDefault, return false, alert, confirm, input, stopPropagation, 배경클릭시 팝업닫힘 34강~41강 #문제. 팝업2 구현, 팝업 2개, 함수 1개로, 단계적 구현 (저번시간에 배운 거 복습) 1단계 : 정답에서 HTML 복사(제이쿼리 불러오기) 2단계 : 정답에서 CSS 복사 3단계 : console.clear(); 4단계 : Popup__init 함수 만들고 실행 5단계 : .btn-popup-1 클릭 이벤트 6단계 : .btn-popup-1 클릭시 팝업1 뜸 7단계 : .popup-1 .popup__btn-close 의 닫기 버튼 클릭시 팝업1 닫기 8단계 : 팝업 열기 no 변수 적용 9단계 : 팝업 닫기 no 변수 적용 10단계 : no를 매개변수 화 11단계 : popup-3 구현 - event : 자바스크립트에서 마우스 클릭, 마우스 이동, 키보드 입력 모두 사건으로 본다. -.. 2021. 6. 8.
2021-06-03 (52일차) 자바스크립트 - mouseenter, mouseleave, addClass, removeClass, hasClass, 색상변경버튼, 좌측에서 이미지 들어오는 애니메이션 21강~25강 - alert('내용'); 실행되는지 확인할 때 자주 이용됨 - .mouseover과 .mouseout은 사용 비추천 - .mouseenter 마우스가 닿으면 실행 - .mouseleave 마우스가 닿았다가 떨어지는 순간 실행 - .addClass, .removeClass 클래스 추가, 클래스 제거 사용하는 이유 : 기존까지 배워왔던 방식은 자바스크립트에서 모두 다 해냈지만(css값을 주는 등…) 기존의 방식은 자바스크립트 코드가 길어지기 때문에 실무에서 잘 사용하지 않음 → css에서 class를 이용해 먼저 값을 준 후, 자바스크립트에서 실행시킴 - 실행값에 함수를 합쳐 쓰는 방법 기존에는 함수를 지정하고 실행값에 함수를 넣어줬었다 하지만 함수 지정하지 않고 합쳐 쓸 수 있음 함수 이름.. 2021. 6. 5.

티스토리툴바