JavaScript 내용정리 1

생활코딩에서 강의한 자바스크립트 내용을 정리 한다.

- 브라우져의 개발자도구 --> element 창 + esc 키를 누르면 아래에서 console창을 열고 닫고 할 수 있다.

- console 창은 현재 열린 html 에 내용이 적용된다 ? 고 한다. 자바 스크립트를 사용 현재 창에 단어수를 카운트 등이 가능하다.

- CSS 나 자바스크립이나 사용하기 위해 무색무취, 즉 뷰에 영향을 주지 않는 태그가 필요함.

   <div> 는 줄바꿈이 발생함.

   <span> 은 뷰에 전혀 영향이 없음.

- CSS 에서 선택자는 크게 아래 3가지.

  class 로 되어 있으면 . 을 사용하고, 

  ID 로 되어 있으면 # 을 사용.

  span, h1 등의 태그이면 사용하지 않고 그냥이름으로 사용함. 모두를 가리킴.

   ex) <style>  .js{

color: red

}

#john{

color: red

}

h1{

color: blue

}

<span class = "js" > hello </span>

<span id = "john" > how </span>

- body 태그를 지칭할때는 아래처럼 그냥 body 라고 하고, style 로 접근해 간다.

  아래 처럼해서 css 속성을 변경한다.

  document.querySelector('body').style.backgroundColor = 'black';

- write 을 통해서 뷰에 값이 표현됨.

  document.write(1===1);