TIL_2020년 10월 08일 (목)

목차

• 1.오늘 한 일
• 2.오늘 배운 것과 깨달은 것
• 3.오늘 진행한 작업물 (사진)

1.오늘 한 일

1. NomadCoder Vanilla JS
   • 4일차, 2.5강 ~ 2.8강
   • 오늘 숙제한 코드 (resize 될 때, innerWidth에 따라 backgroundColor 변경)

   
    const colors = ["#1abc9c", "#211959", "#442D35", "#645EBC"];
   
    function changingBackgroundColor() {
      let innerWidth = window.innerWidth;
      let screenWidth = window.screen.width;
      let widthRate = (innerWidth / screenWidth).toFixed(2);
      document.getElementById("width").innerHTML = `rate : ${widthRate}`;
      if (widthRate <= 1.0 && widthRate > 0.6) {
        document.body.style.backgroundColor = colors[0];
      } else if (widthRate <= 0.6 && widthRate > 0.3) {
        document.body.style.backgroundColor = colors[1];
      } else {
        document.body.style.backgroundColor = colors[2];
      }
    }
       
    window.addEventListener("resize", changingBackgroundColor);
   
   

2. 그림으로 배우는 HTTP Network Basic
   • 7강 ~ 9강 공부 및 문제출제
   • HTTPS가 왜 생기게 됐는지, 쿠키가 필요한 이유 등에 대해 배움

2.오늘 배운 것과 깨달은 것

• 만드는 것까지는 좋은데, 이 코드가 의미하는게 무엇인지 보다 정확하게 이해하는게 필요할 것같다. 원리를 더 자세히 알아야 다음에 응용이 되니까!

• HTTP책 PDF로 보고있는데 혹시 옛날버전인가? 걱정을 했다. 개발 세계는 매우 빠르게 흘러가니까. 그래서 찾아봤더니 이 책이 5년 전 책인데, 여전히 베스트셀러이고 다른 대안이 있지않더라. 사실 마땅히 현재 버전에 좋은 책이 있지는 않은 것같더라. 받아들이고 해야지 !

3.지금까지 작업물 (사진)