fragment

[제이쿼리 연결 확인하는 코드]$(document).ready(function(){  console.log("js연결완료")});  [hasClass]https://codepen.io/kkkge/pen/zYQZYyb hasClass...codepen.io.hasClass(className): 선택된 요소가 특정 클래스를 가지고 있는지 확인합니다.불리언 값을 반환하며, 요소가 클래스를 가지고 있으면 true, 그렇지 않으면 false를 반환합니다.여러 요소를 선택하고 순회할 때도 사용할 수 있습니다.이 메서드는 동적 클래스 변경이 필요한 애플리케이션에서 매우 유용합니다. 예를 들어, 특정 클래스가 있는지 확인한 후, 그에 따라 다른 스타일이나 동작을 적용할 수 있습니다. [아코디언]js_acod_5.31 ..

[this]https://codepen.io/kkkge/pen/vYwgLOm 5.29 js - this...codepen.io$(".box-list").click(function (){ $(this).addClass("active");});공통된 box-list를 가져와서 this를 사용하면 내가 선택하는 것대로 실행된다.

POPUP 2 [수업내용 코드펜] 코드펜있는 그대로 복붙했으나 팝업이 안뜸.. [배경 클릭 시 팝업 닫힘]1. 배경을 클릭했을 때에도 닫히게 하기 위해선 button(태그)뒤에 .popup-section(클래스)를 추가해준다.    > 이 때 웹상에서 검사 기능을 활용하여 구조를 찾아준다.$("button, .popup-section").click(function () {  $(".popup-section").removeClass("active");});   > 이때 팝업창을 눌러도 닫히는 문제가 발생한다.2. .popup-content를 클릭하면 .popup-content는 클릭되고 부모인 .popup-section은 클릭되면 안된다.   > 따라서 popup-section의 하위엘리먼트인 .popup..

[자바스크립트 클릭이벤트]https://codepen.io/kkkge/pen/RwmRwEJ js- click...codepen.ioClick조건1: 버튼을 클릭하면 노란색 선 안에 배경색이 초록색으로 변경된다.1. addClass이벤트를 작성할 때 대문자 C로 작성해야한다. 2. addClass에 관련된 소괄호에는 ()html에 강제로 입력할 문자를 작성한다. 작성할 때 점(.)을 함께 작성하면 점까지 html class 속성값에 추가된다.removeClass 조건2: 배경색 제거 버튼을 클릭하면 .box배경색이 다시 흰색으로 변경 [else]https://codepen.io/kkkge/pen/gOJMbMy js - else...codepen.io  [나머지 연산자 토글형태]https://codepen...

https://cdnjs.com/

Gmarket 3차메뉴 구성 - 2[코드 잘못 썼을 경우] ctrl F 누르고 잘못된 곳 찾아서 바꾸기     ***코드 잘 확인하고 바꾸기***  [span 특성]다양한 용도를 가지고 있다! 응용하기줄바꿈 방지, 강조, 불필요한 속성의 상속을 막아줌 (cursor같은 것), 각각의 텍스트에 속성을 줄 때  [css 라이브러리]자주 사용하는 css 설정을 라이브러리로 미리 설정해 둔다.라이브러리에 있는 css 속성이 필요할 경우 html에 적용시켜준다. (선택자인 .만 빼서 붙여넣어주면 된다) **주의사항 : html에 라이브러리 파일 연결 시 다른 css파일 최상단으로 넣어줘야 함  rel="stylesheet" href="style/la.css">  rel="stylesheet" href="sty..