TIL_2020년 10월 12일 (월)

목차

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

1.오늘 한 일

1. SpartaCodingClub App개발 종합반
   • 리액트 사용을 위한 JSX 문법
   • 뭔가 비슷한듯 하면서 약간 다른 점이 있다.
2. NomadCoder Vanilla JS
   • 7일차, 3.5강 ~ 3.7강
   • 배경화면 랜덤으로 돌아가는 방법
   • ToDoList X 표시 눌렀을 때 삭제되는 방법

   배경화면이 랜덤으로 재생되는 것

   
    const body = document.querySelector("body");
   
    const IMG_NUMBER = 4;
       
    // function handleImgLoad(){
    //     console.log("finished loading")
    // } // 이건 API로 연결되어있을 때 쓰는걸루!
       
    function paintImage(imgNumber) {
      const image = new Image();
      image.src = `img/${imgNumber + 1}.jpg`
      image.classList.add('bgImage');
      body.prepend(image)
    //   image.addEventListener("loadend", handleImgLoad); 이건 API로 연결할 때 쓰는 것이다. 굳이 파일이 있을땐 안써도 됨
    }
       
    function genRandom() {
      const number = Math.floor(Math.random() * IMG_NUMBER);
      return number;
    }
       
    function init() {
      const randomNumber = genRandom();
      paintImage(randomNumber);
    }
       
    init();
   
   

3. 그림으로 배우는 HTTP Network Basic
   • 10강 ~ 11강 공부
   • 웹 컨텐츠에서 사용하는 기술, 웹을 공격하는 방법

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

• 리액트는 재미있다. expo를 이용해서 짜는대로 바로 화면을 띄어주는게 뭔가 재미있다. 근데 PC에 비해 모바일은 확실히 화면이 작아서 느낌이 다르다. 자리를 잘 채워야한다는 생각이랄까? 얼른 진도를 더 빨리 뺄 수 있도록 하자!

• 음…NomadCoder는 여기까지만 듣고 일단 안듣는걸로 해야겠다. 뭔가 나랑 잘 안맞는 느낌이랄까? 보고 따라하고있지만 뭔가 도움이 잘 안되는 느낌이다. 그 사람이 하는것을 관람하는 느낌이랄까..? 다른 강의를 찾아봐야겠다.

• HTTP 결국 한 권을 다 공부하긴 했다. 상세하게 한 것은 아니지만 그래도 원래 계획했던대로 빠르게 한 번 다 훑기는 성공. 앞으로 조금 더 디테일하게 공부하자

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