# 3.7 CSS in Javascript part two (클린코드 팁)

< 일을 할 때 그 일에 적합한 도구를 쓰기 >

→ style을 자바스크립트에서 작업하지말고 css에서 작업하기

- Javascript : animation 작업

- css : style 작업

- html : css문서와 JavaScript문서를 import함.

 

1. Javascript가 html을 바꿀 것이고(class name을 active로 설정)

2. css는 html을 보고 작업한다. (active를 토마토 색으로 변경)

 

< 좀 더 clean한 code로 만드는 법 >

- raw value 대신에 const를 이용하여 변수를 만들어준다.

- 이렇게 하게 되면 변수 이름을 틀렸을 때, 자바스크립트가 오류났다고 알려줌.

→ 변수에 string을 저장하자

 

* raw value : 개발자가 설정한 값(이걸 그대로 쓰면 에러의 위험이 있음)

 

- 원래 있던 초기 class name을 간직하고 싶을 경우엔 Javascript로 모든 class name을 바꾸면 안됨.

  어떻게 해야하는지는 다음 포스팅에서!