✨우당탕탕 개발일지-2

📆 2022-3-24

-학습내용-

body {
    background-image: url(https://picsum.photos/2000);
    background-size:cover;
        }

웹페이지 들어올 떄 마다 새로운 이미지로 변경해주는 사이트(https://picsum.photos/2000)

style css시트를 따로 저장해서 한번에 관리 할 수 있게 해주는 방식. ex(여러군데 저장되어 있는 style을 한번에 바꿀 수 있다. 1억군데 저장되어 있을 떄 편리)

<h1>반복문(loop)</h1>
        <script>
            console.log(1);
            for(let i=0; true; i=i+1){
                console.log(2);
                console.log(3);
            }
            console.log(4);

•반복문

let i=0;
console.log(2)
console.log(3)
가 반복횟수가 i


i가 3이 될때까지
console.log(2)
console.log(3) 반복


i가 3이 되면 반복종료후
console.log(4) 출력

boolean값 true,flase뿐

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

조건문

-문제사항-

조건문,배열이 아직 이해가 잘 안간다. html 태그나 css, js의 기본개념이 아직 잘 이해가 안간다.

-해결방법-

기본개념과 의미에 대한 정리를 해야될 필요성이 크게 느껴진다.

-학습소감-

살짝 이해하기 힘든 내용이 나올수록 기초의 필요성을 뼈저리게 느낀다. 오늘은 개념 잡기!