자바스크립트 3

자바스크립트 classList 메소드

안녕하세요 :) 무택입니다🧔 오늘 알아볼 내용은 자바스크립트에서 많이 사용되는 classList 메소드에 대한 내용입니다. add, remove, toggle 등 활용 방법이 다양하고 비교적 간단하게 사용할 수 있어 자바스크립트 기능 중에 꼭 알아둬야 할 메소드인 것 같습니다. 목차 가. 코드 나. codepen 예제 다. classList 설명 코드 HTML - add테스트 add 활성화 remove테스트 remove 활성화 contains테스트 contains 활성화 replace테스트 replace 활성화 toggle테스트 toggle 활성화 CSS - * { padding: 0; margin: 0; list-style: none; } li{ margin-block: 20px; } .pink { c..

[JavaScript] 비교 연산자인 동등연산자(==)와 일치연산자(===)

안녕하세요 :) 무택입니다🧔 오늘은 동등연산자(==)와 일치연산자(===)의 비교입니다.처음에 보면 헷갈리는 부분이 있기 때문에 정리해보려고 합니다. #동등연산자(==) - 두 피연산자의 값이 같으면 true반환 - 피연산자의 타입이 서로 다르면 강제로 타입을 같게 변환 [10 == '10'] // true [true == 1] // true [true == '1'] // true [true =='true'] // false [null == undefined] // true [10 == '10'] 하나가 숫자형이고 다른 하나가 문자열이면 문자열을 숫자로 변환 후 비교 [true == 1] 피연산자 중 불리언 값이 있으면 불리언 값을 0&1로 변환 후 비교(false=0, true=1) [true == '..

[라이브러리]CounterUp - 숫자 카운트하며 올라가는 라이브러리

원본 링크 : https://github.com/bfintal/Counter-Up GitHub - bfintal/Counter-Up: Counter-Up is a lightweight jQuery plugin that counts up to a targeted number when the number becom Counter-Up is a lightweight jQuery plugin that counts up to a targeted number when the number becomes visible. - GitHub - bfintal/Counter-Up: Counter-Up is a lightweight jQuery plugin that counts u... github.com 사용 소스 : 01...