[JavaScript] className과 classList

• `className`과 `classList`는 HTML 요소의 class를 관리하는 DOM 프로퍼티로, `className`은 class 전체를 관리하고, `classList`는 개별 class를 관리한다.

• `className`은 해당 요소의 class 값을 문자열로 반환하며, 새로운 class를 대입하면 기존의 class 전체가 바뀐다.

• `classList`는 읽기 전용 프로퍼티로, class에 접근하는 간편한 방법이며, `add`, `remove`, `contains`, `toggle` 등의 함수를 사용할 수 있다.

• `className`과 `classList`의 차이점은, `className`은 추가하려는 클래스가 이미 있어도 중복하여 추가하는 반면, `classList.add`는 추가하려는 클래스가 이미 있으면 중복하여 추가하지 않는다.