바르고 뜨겁게

HTML 에서 모든 요소를 가져와서 DOM 객체로 변경DOM 객체는 많은 Function을 가지고 있고, Key를 이용해 사용할 수 있다. document : 전체 document를 반환document.querySelector("#id/.class") - 노드의 첫번째 자식 반환 const getId = document.getElementById("title"); const getId2 = document.querySelector("#title"); ​ console.log(getId); console.log(getId2);This works! This works! document.querySelectorAll("#id/.class") - 아이디/클래스값에 해당하는 모든 요소 반환 getElementBy..

const calculator = { plus: function(a, b){ return console.log(a+b); }, min: function(a, b){ return console.log(a-b); } } ​ calculator.plus(10, 5); calculator.min(10, 5);

ES2015 이전에는 변수와 문자열을 같이 사용할때는 아래와 같이 사용했었다var age = 33; var name = "jh"; ​ var info = "내이름은 " + name + " 나이는 " + age + " 입니다." var info2 = "내이름은 ", name, " 나이는 ", age, " 입니다." 하지만 ES2015 이후에는 문자열이 템플릿 처럼 쓰일 수 있게 되었다.아래와 같이 `(백틱)을 사용한다.const info = `내이름은 ${name} 나이는 ${age} 입니다.` 추가로 줄바꿈도 ES2015 이전에는 \n을 사용했는데, 백틱을 사용하면 눈에 보이는 그대로 적용이 가능하다var intro = '바르고 \n뜨겁게'; const intro2 = `바르고 뜨겁게`;

string, number, float, Array, ObjectObject : const info = { name:"jh", age:30, gender:true,favMovies: ["아이언맨", "신동사"]};info.name 으로 호출info.name = "hy" 처럼 재할당가능const 로 선언됬지만 Object 안에 값들은 변경 가능하다.

block-scoped (ES2015~) : 기존 var 는 이미 만들어진 변수이름을 재선언해도 문제가 발생되지 않음그래서 ES2015 부터 let, const가 추가되었는데, 이 둘은 변수를 재선언하는게 불가능하다.let : 재할당가능const(constant) : 재할당 불가 , 선언과 동시에 값을 할당해야됨 (Object안의 값은 변경 가능) function-scoped : 같은 함수내에선 위치에 관계없이 호스팅되어 global variable이 됨(뒤에 선언 되더라도 앞에서 사용가능)var : 전역변수 처리됨. 참고 : https://gist.github.com/LeoHeo/7c2a2a6dbcf80becaaa1e61e90091e5d

Vanilla: ‘평범한, 특별할 것이 없는( ordinary )’ 초보 코더가 바닐라 JS를 해야하는 이유http://vanilla-js.com/ 의 일부이다.모든 브라우저는 결국 Vanilla JS로 이루어져 있고, 자주사용하는 jQuery, React 등은 결국 Vanilla Js를 쉽게 사용하도록 변형시켜주는 프레임워크일 뿐이다. 따라서, VanillaJS에 대한 기본적인 지식이 없는 초보 코더는 프레임워크위에서 작업시 해당 프레임워크에 대해서는 숙련자가 될 수 있을진 몰라도 프레임워크를 벗어나면 다시 초보자가 되는 것 같다.