국비 15일차

SASS

live sass compiler

settings.json

json은 ""로 키를 넣고 : [값] 값들은 쉼표,로 구분

ex

<script>
  "liveSassCompile.settings.generateMap": false,
  "liveSassCompile.settings.formats":[
        // This is Default.
        {
            "format": "expanded",
            "extensionName": ".css",
            "savePath": null
        },
        // You can add more
        {
            "format": "compressed",
            "extensionName": ".min.css",
            "savePath": null
        }
    ]
</script>

"savePath": null은 현재 폴더 위치에 파일들이 만들어진다!!

위 코드를 settings.json에 넣어줘서 .min.css파일과 .css파일을 한 번에 만들어보자~~
(.map 파일 없애는 것도 들어가 있음!!)

scss 파일을 만들고

요 녀석을 눌러주면

생겨난다~~~

.min.css만 들어가도록 .gitignore 설정을 해준다~~

javascript

null과 undefined의 차이

null은 값이 비어있음 = empty가 할당되어 있음
undefined는 아무것도 정의되지 않은 상태 => 어떠한 값도 할당되어 있지 않음

정적 동적

html 태그는 정적 객체
js에서 만들어진 것은 동적 객체

getElement / querySelector

document.getElementbyId('username').innerHTML
document.querySelector('#username').innerHTMl

setInterval

  <script>
    var count = 0;
    setInterval(function(){
      if(count <= 11){
        count %= 11;
        document.querySelector("#timer").innerHTML = count;
        count++;
      }
    },1000);
  </script>

0부터 10까지 계속 반복해서 노출

    <script>
      var count = 0;
      //#timer가 있는 태그에 "0"을 넣을 넣는 것과 같다
      document.querySelector("#timer").innerHTML = count;
      setInterval(function(){
          count++;
          count %= 11;
          document.querySelector("#timer").innerHTML = count;
      },1000);
    </script>