20.12.11-15일차

🤡Arrow Function

Before:
var hello;
hello = function() {
  return "Hello World!";
document.getElementById("demo").innerHTML = hello();
결과: Hello World!
}

화살표 기능:
var hello;
hello = () => {
  return "Hello World!";
document.getElementById("demo").innerHTML = hello();  
}
결과: Hello World!

화살표 함수는 기본적으로 값을 반환
hello = () => "Hello World!";
함수에 명령문이 하나만 있는 경우에만 작동.

🤡Mistakes

w3schools - mistakes

👉문자열에서 명령문을 분리해야하는 경우 "백 슬래시 (\)"를 사용

😮세미콜론 잘못 배치

var x = 5;
if (x == 19);
{
document.getElementById("demo").innerHTML = "Hello";
}
결과: Hello
-> x 값에 관계없이 실행된다

🤡Versions

w3schools - version

🤡JS Forms

w3schools - JS Forms
(잘 안쓰지만 공부~)

🤡JS Browser BOM

BOM
Browser Object Model
브라우저에서 제공하는 객체

😮Window
w3schools - JS window

😮Screen
w3schools - JS screen

😮location
w3schools - JS location
window.location.href (window 거의 생략)
현재 웹 브라우저의 주소를 나타냄

😮Navigator
w3schools - JS navigator
접속한 사용자의 브라우저 종류 및 버전 등,,관련 정보를 제공하는 기능

😮Popup Alert
w3schools - JS popup alert

😮Timing
w3schools - JS timing

🤡JS HTML DOM

(https://www.w3schools.com/js/js_htmldom.asp)
👉HTML문서의 태그의 관계를 부모, 자식 개념, 형제관계로 메모리상에 Tree구조화 시킨 개념

😮Methods
w3schools - Dom methods

😮Document
w3schools - Dom document

😮Element
w3schools - Dom element