tonirr

``` 'use strict'; class Person{ // constructor constructor(name, age) { this.name = name; this.age = age; } // method speak() { console.log(`${this.name}: hello!`); } } const ellie = new Person('ellie', 20); console.log(ellie.name); console.log(ellie.age); ellie.speak(); // 2. Getter and Setter class User { constructor(firstName, lastName, age){ this.firstName = firstName; this.lastName = lastNa..

``` // 1. 바닐라 javascript 로 개발할 떄에는 use strict로 // 선언해 줄 경우 선언되지 않은 변수에 대해 에러를 보여줌 'use strict'; // 2. Variable // let (added in ES6) let globalName = 'global name'; { let name = 'soyeon'; console.log(name); name = 'hello'; console.log(name); } console.log(globalName); console.log(name); // var (쓰지마) // var hoisting (어디에 선언했는지에 상관없이 가장 제일위로 선언을 끌어올려줌) // console.log(age); // age = 4; // console.l..

를 head안에 둘 경우 브라우저가 parsing 하면서 페이지가 준비된다음 실행되기 때문에 페이지 컨텐츠를 보기까지 로딩이 오래 걸림 를 body 안에 둘 경우 javascript에 의존적인 페이지인 경우 페이지 로딩 시간이 오래 걸림 를 asyn 로 선언 브라우저가 한줄씩 parsing하면서 script태그에 있는 js파일 다운로드가 실행되면서 동시에 html 문서도 실행시킴(병렬) 위험요소 javascript에서 queryselect로 html 에 있는 태그를 선택하고자 할 때 html 이 아직 다운로드 되지 않은 경우 페이지에 이상이 나타날 수 있음 javascript를 실행하기 위해 멈출 수 있어 페이지 로딩이 더 오래걸릴 수 있음 다운로드가 먼저 된 js 파일부터 실행됨(선언 순서와 다를 수 ..