[2일차]

• 웹 배경
  background-image
  background-size

• onmouseover 마우스가 버튼 위로 올라가면 실행되는 이벤트
  onclick 버튼을 누르면 실행되는 이벤트
  document.querySelector 자바스크립트로 특정 부분 선택 시 사용

• visual studio code에서 편집 시 웹페이지에서 실시간 확인법
  extensions -> live server -> 마우스 우클릭 후 open with live server

• a태그 색상 변경
  기본적으로 파랑 - 한번이라도 방문하면 보라색
  document.querySelector('a') 맨 처음 a 태그만 선택
  document.querySelectorAll('a') 모든 a태그 선택

console.log(this)
this : 이벤트를 발생시킨 태그를 가리킴

• 사용자에게 간단한 정보를 입력받음 prompt

제어문: 순차적으로 처리되는 흐름을 컨트롤

[조건문, conditional statements]

if(조건){ true일 시 나올 결과값 }
else{false일 시 나올 결과값}

button으로 day/night 모드 만들기

input type="button" value="night">

[반복문,loop statements]

어떤 조건을 만족하는 동안에는 동일한 코드를 반복적으로 실행

Boolean은 true/false 값으로만 이루어짐

[비교연산자 comparison Operator]

console.log(1==1); 1과 1이
console.log(1===1); 1과 1이 (엄격하게) 같은가; 동등비교연산자
console.log(1!===1); !는 부정

어려웠던 부분 / 해결 방법 / 느낀점

document.querySelector('body').style.color = 'white';
글씨가 흰 색으로 바뀌지 않아서 강사님의 코드와 한참동안 비교했다. 문제는 document를 documnet로 입력한 것이었다.
영어 타자 연습의 필요성을 느꼈다!!!!
색 조합 추천 웹인 create a palette에서 복사한 색상명 사용 시 #을 붙이지 않아서 적용이 안됐었다. '#5E6472'와 같이 적어야함!