CSS 와 JavaScript 의 연동
JavaScript 내부에서도 html의 style을 변경하고 적용할 수 있지만, 이것은 그리 깔끔하지 못하다.
JavaScript 와 CSS 를 분리하여 각자의 역할을 따로따로 할 수 있게 해주는것이다.
그러면 각자의 언어안에서 각각의 코드들이 더욱 읽기가 수월해진다.
방법은 간단하다, CSS 파일을 생성하고 그 안에 html의 태그를 추가하여
해당 태그를 design 할 코드들을 작성하면 된다.
JavaScript 내에서 evnet 와 css 를 같이 작업하다가 css 를 따로 빼서 작업하는것을
가르쳐주시는 과정이기때문에 깊이 들어가지는 않았다.
if / else
이번 과제를 하기위해 필요한 조건문이다.
"만약 00가 00한다면 00해라~ 그렇지 않다면 00해라."
브라우저 창의 크기에 따라 background-color 가 바뀌게 해야했다.
이때, 조건이 필요하다.
"브라우저 창의 width 값이 000 보다 작을때, background-color 을 red 로 하고,
창의 width 값이 000보자 크고 000보다 작을때, color를 blue 로 하고,
그 이상일때는 green 으로 해라."
이런 느낌의 코드를 자바스크립트 내에 작성하여 변화를 주었다.
그런데.. CSS 랑은 굳이 연결을 안해도 되게끔 하긴했는데, 이 방법이 맞나는 모르겠다.
아무튼 과제는 제출 완료.
Frontend Developer