JS

Function Function Declare function name(param1, param2, ...) { body return } 하나의 함수는 한 가지 일만 하도록 작성해야 함 - 응집성과 관련있음 JS에서 function은 object로 간주 Parameters primitive parameter의 경우 값이 전달됨 object parameter의 경우 reference가 전달됨 Default Parameters (ES6 이후) parameter을 정의하지 않을 경우 undefined로 나옴 function showMessage(message, from) { console.log (`${message} by ${from}`); } showMessage('hi'); // hi by undefin..

Operator String Concatenation console.log('my' + ' cat') // my cat console.log('1' + 2) // 12 Numeric Operators console.log(1 + 1) // 2 console.log(1 - 1) // 0 console.log(1 / 1) // 1 console.log(1 * 1) // 1 console.log(5 % 2) // 1 console.log(2 ** 3) // 8**연산자는 exponentiation 연산임 Increment and Decrement Operators let a = 3; console.log(a++) // 3 console.log(a) // 4 conso..

let vs var var 선언 하기도 전에 값을 할당하는 것이 가능 console.log(test); test = 6; console.log(test); var test;첫 console.log에서는 undefined, 두 번째 console.log에서 6을 출력 var hoisting : 선언한 위치에 상관 없이 가장 위에서 선언한 것으로 함 let 선언을 해야 값을 할당할 수 있음 test = 6; console.log(test); let test;test를 선언하지 않고 6을 넣었기 때문에 에러 발생 ES6에서 let이 표준이고 var는 사용하지 않는 것을 권장 const 한번 값을 할당하면 이후에 변경 불가 const의 장점 보안적인 장점 스레드로부터 안전성 확보 인간의 실수를 방지 데이터타입 ..

async와 defer script 삽입하기 안에 삽입 HTML 파싱 -> JS 패칭 -> JS 실행 -> HTML 파싱 HTML을 파싱하는 도중 를 만나면 파싱을 멈추고 JS 파일을 받아오고, 실행한 후 HTML 파싱을 재개함 끝에 삽입 HTML 파싱 -> JS 패칭 -> JS 실행 javascript 파일을 받기 전에 사용자가 화면을 볼 수 있는 장점이 있음 페이지가 javascript 의존도가 크다면 웹 페이지가 제대로 동작하지 않음 async HTML 파싱 + JS 패칭 -> JS 실행 -> 완료하지 못한 HTML 파싱 로 선언 HTML 파싱과 JS 패칭이 동시에 일어나고, JS 패칭이 완료되면 parsing을 멈추고 JS를 실행한다. 이후 완료하지 못한 HTML 파싱을 함 만약 javascrip..

자바스크립트의 역사 등장 동적 페이지를 만들기 위해 scripting 언어를 추가 Scheme script 언어를 기반으로 문법을 당시 유행하던 java스럽게 만듬 Netscape사에서 1994년 9월 첫 발표 처음 발표 이름은 live script이지만 java의 인기를 사용하기 위해 javascript로 바꿈 MS의 공격 javascript를 reverse engineering을 통해 1995년 Jscript 발표 Netscape의 대응 1996년 Netscape는 ECMA International에 표준화를 요청 1997년 ECMAScript1 등장 이후 2, 3, 4를 추가로 발표 Internet Explorer Internet Explorer의 대중화로 MS는 강력한 힘이 생김 ECMAScrip..