[TIL]2021-1227 (MON)

오늘 한 일

• 노마드코더 html&css 클론코딩 챌린지 제출 (https://hyejj19.github.io/BongBongTalk/)
• Vanila JS로 제이쿼리의 fadeOut을 구현. setTimeOut으로 delay를 주었다.

function fadeOut(){
    el.style.opacity = 1;
  
    (function fade() {
      if ((el.style.opacity -= .1) < 0) {
        el.style.display = "none";
      } else {
        setTimeout(fade, 40);
      }
    })();
  }

setTimeout(fadeOut,1000);

출처 : https://gist.github.com/chrisbuttery/cf34533cbb30c95ff155

• css media query로 min-max width 감지

  @media screen and (max-width:645px) {
      #no-mobile {
          display: none;
      }

• github.io 로 page 만들기 : git-branch 이름을 gh-pages로 해야한다. 그렇게 안해서 계속 오류났었음. 설정은 깃헙 repository settings > pages 내에서 할 수 있다.

할 일

• Vanila JS 클론 디벨럽
• my SQL