#3 JAVASCRIPT ON THE BROWSER
3.6 CSS in Javascript
3.7 CSS in Javascript part Two
-style작업에 적합한 도구는 CSS다
- animation에 적합한 도구는 JS다
- html 파일은 CSS문서와 JS문서를 import하고 있다.
에러를 줄이기 위해 raw string을 쓰는 대신, const를 생성하기!
JS로 모든 class name을 변경하지는 않는다
3.8 CSS in Javascript part Three
- classList 우리가 class들의 목록으로 작업할수 있게끔 허용해준다.
- className은 이전calss를 상관하지않고 모든걸 교체해 버린다.
classList를 이용하는건
js에서 건드리는건 HTML element가 가지고있는 또하나의 요소 사용하는 것이다.
= element의 class내용물을 조작하는 것을 허용한다는 뜻- contains은 우리가 명시한 class가 HTML element의 class에 포함되어 있는지 말해준다
- toggle은 토큰이 존재하면 토큰제거
토큰존재 하지않으면 토큰 추가
