2022/03/23

3월 23일
이번 수업은 구글의 아날리틱스를 내가 수업할 때 만들던 페이지에 옮겨야 했을 때, 나는 구글의 아날리틱스에 등록해서 그걸 문구 안에 넣어야 했었고 코딩을 할 때, 코드가 꼬이지 않도록 주의를 해야 했었다.

  <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-NQKBVG7JW5"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-NQKBVG7JW5');
</script>

이번 수업은 자바스크립트에 대한 수업이다. 자바스크립트를 예습하고 독학을 한 나에게는 실전이 중요했다.

그리고, 나는 F12번 개발자툴로 전환했을 때, 아래 쪽에 있는 콘솔모드를 통해서 웹페이지를 바꿀 수 있다는 걸 알게 되었다. 하지만, 궁금한 것은 그걸 변경이후에도 계속 적용시킬 수 있는 방법이 궁금하다.

다음으로, 야간 모드와 주간 모드를 자바스크립트로 구현시키는 것이었고 나는 그걸 옮겨 적어여 했었다. index.html에 위의 문구를 추가해야 했었다.

<input type="button" value="DayMode" onclick="
            document.querySelector('body').style.backgroundColor = 'white';
            document.querySelector('body').style.color = 'black';
        ">
        <input type="button" value="NightMode" onclick="
            document.querySelector('body').style.backgroundColor = 'black';
            document.querySelector('body').style.color = 'white';
        ">
  

이 코드는 야간 모드와 주간 모드로 바꿔주는 기능이라고 했었는데, 나는 이 주간모드와 야간모드 구현에 애를 먹었다. 그리고, 이 버튼은 index.html과 연결되도록 작성한 것이다. 그리고, 다음 수업에는 야간 모드와 주간 모드를 한 개의 버튼으로 통합할 것이라는 말을 들었다.

Html이 자동차의 기본구조, CSS가 자동차의 외형이면 Javascript는 자동차의 엔진이다.

코딩과 프로그래밍은 계속해서 반복하고 쉬지 않아야 늘어난다는 걸 알아야 한다. 어차피, 내 공부는 내가 하는 것이기 때문이다.