TIL - 20220828

 오늘은 모던 JavaScript 튜토리얼에서 스타일과 클래스에 대해 공부했다. 작성한 질문은 다음과 같다.

 요소에 스타일을 적용하는 방법으론 두 가지 방법이 존재한다.

1. CSS가 담긴 클래스를 만들고 <div class="...">처럼 클래스로 추가하기
2. <div style="...">처럼 프로퍼티를 style에 바로 써주기

 보통 style보다 CSS가 담긴 클래스를 만들어 사용하는 것을 우선시 해야 한다. style은 클래스를 다룰 수 없을 때 사용해야 한다.

 

클래스를 관리할 수 있게 해주는 DOM 프로퍼티로는 다음이 있다.

• className: 클래스 전체를 문자열 형태로 반환해주는 프로퍼티 클래스로 클래스 전체를 관리할 때 유용하다.
• classList: 클래스 하나를 관리할 수 있게 도와주는 메서드이며 add/remove/toggle/contains가 구현된 객체를 반환하고 개별 클래스를 조작할 때 유용하다.