WEB2 JavaScript - 3.HTML과 JS의 만남 : script 태그

<script>태그는 그안의 내용이 js라는걸 웹브라우저에게 알려주는 태그

웹페이지에 글씨를 출력할 떄는 document.write를 쓴다.

Js는 동적이고 html은 정적이다.

WEB2 JavaScript - 4.HTML과 JS의 만남 : 이벤트

WEB2 JavaScript - 5.HTML과 JS의 만남 (콘솔)

굳이 파일로 만들지 않고도 콘솔을 이용해 간단한 명령을 실행할 수 있다.

WEB2 JavaScript - 6.데이터타입 - 문자열과 숫자

1+1 =2

"1"+"1"=11

따옴표 안에 있는 것은

WEB2 JavaScript - 7.변수와 대입 연산자

x,y=변수(variable) 1,2=상수(constant)

변수를 선언할땐 앞에 var을 붙여준다. (안붙여도 실행이 되지만)

WEB2 JavaScript - 12.제어할 태그 선택하기

오류가 계속 발생했었는데 큰따옴표"" 를 써서 오류가 발생했던 것이었다. ' '를 써야 실행이 되었다.

WEB2 JavaScript - 13.프로그램,프로그래밍,프로그래머

Html은 컴퓨터 언어 이고

JS는 컴퓨터 언어이며 컴퓨터 프로그래밍 언어이다.

그 차이는 PROGRAM이라는 단어에 순서라는 개념이 들어가있기 때문이다.

(PROGRAMER는 순서를 만드는 사람)

(PROGRAMMING은 시간의 순서에 따라 실행되어야 할 기능을 프로그래밍 언어의 문법에 맞게 글로 적어두는 방식)

​

Html은 정적인 웹페이지를 묘사하는 언어이기 때문에 프로그래밍 언어는 아닌 것

JS는 사용자와 상호작용하기 위해 고안된 컴퓨터 언어이기 때문에 프로그래밍 언어

WEB2 JavaScript - 15. 비교 연산자와 블리언

O===O(좌우의 값이 같은지 판단)
Boolean은 단 2개의 데이터로 이루어져 있는 데이터 타입 (true, false)

<는 &lt;로 쓴다 (반대는 &gt;)

​

WEB2 JavaScript - 16.조건문

WEB2 JavaScript - 17.조건문의 활용

value 값으로 판단을 하고 value값을 바꿔줌

WEB2 JavaScript - 18.리팩토링 중복의 제거

Refactoring : 공장으로 다시 보내거 좀더 개선한다 정도의 개념

document.querySelector('#night_day') 를 this 로 바꿔주면 코드가 더 간결해짐
또 var target = document.querySelector('body'); 을 이용해 변수로 바꿔주어서 밑의 중복되는 문장도 간결하게