2022/03/24

오늘은 Javascript의 문구 중의 if절을 배우게 되었다. 복습이야 언제나 중요하지만 버튼 2개를 하나로 합치는 것을 CSS 방식이 아닌 Javascript 방식으로 배우는 것이다. Javascript가 C언어를 기반으로 한 것이기 때문에 익숙해지는데에는 크게 어렵지 않은 것이 그나마 다행이다.
각설하고 아래의 문구는 어제 2개의 버튼을 하나로 통합시킨 셈이다.

    <input type="button" id="dnbtn" value="NightMode" onclick="
    let button = this;
    if(value === 'NightMode'){
        document.querySelector('body').style.backgroundColor = 'black';
        document.querySelector('body').style.color = 'white';
        value = 'DayMode';
    } else {
        document.querySelector('body').style.backgroundColor = 'white';
        document.querySelector('body').style.color = 'black';
        value = 'NightMode';
    }
    ">

두 개의 버튼을 if절을 통해서 True/False를 나누는 역할을 수행한다.

오후에는 if절과 loop절을 배웠다.

if절은 C언어를 독학했을 때와 구조가 똑같아서 익숙해지는 것에 어렵지 않았다.

    <h1>배열Arry</h1>
    <script>
        let topic1 = 'html';
        let member1 = 'samuel';
        let topic2 = 'css';
        let member2 = 'logan';
        let topic3 = 'js';
        let member3 = 'yoll';
        topics = ['html','css','js'];
        let members = ['samuel', 'logan', 'yoll'];
        console.log(topics.length);
        console.log(topics[0]);
    </script>

    <h1>반복문(Loop)</h1>
    <script>
        console.log(1);
        for(let i=0; i<3; i++){
            console.log(2);
            console.log(3);
        }
        console.log(4);
    </script>
    <h1>Array + Loop</h1>
    <script>
        topics = ['html','css','js'];
        for (let i=0; i<3; i++){
            document.write('<li>'+topics[i]+'</li>');
        }
    </script>
</body>

오늘 내가 배운 것은 if절과 반복문이다. 오늘 수업은 대체적으로 잘 따랐으며 앞으로도 계속 수업에 잘 따라주어야 할 것이다. 수업 도중에 딴 짓을 하지 말아야 한다.
ps. 그리고, 나중에 알게되었지만 Velog의 개발일지는 매일 작성하고 제출해야 한다는 것을 알게 되었다. 두 번 다시는 이런 실수를 하지 말아야 할 것이다.