프론트엔드/JAVASCRIPT(21)
-
[JS] 연산자(Operator)
1. String Concatenation console.log('my' + 'cat'); // str + str = str console.log('1' + 2); // str + num = str console.log(`string literals: 1 + 2 = ${1+2}`); // console.log(`elie`s book'); //에러발생 console.log(`elie's book`); console.log("elie's \n book"); //줄바꿈 " \' " : 콤마안에 또 콤마를 사용하고자 할 때 [ \ + 콤마 ] " \n " : 줄바꿈시에는 [ \ + n ] " \t " : 탭키 2.Numeric Operators console.log(1 + 1); //add console.log..
2020.05.31 -
[JS] 데이터 타입(Data Type)
1. let added in ES6 / Mutable Data Type (변경할 수 있는) let globName = 'global name'; //글로벌한 변수 { let name = 'elie'; console.log(name);//name name = 'hello'; console.log(name);//hello } console.log(globName);//global name 'let'은 선언하기도 전에 값을 할당시 console에 에러발생 2. var 블럭스코프를 무시 var은 선언하기도 전에 값을 할당할 수 있음(에러발생X) var hoisting(move declaration from bottom to top) : 어디에 선언했는지 상관없이 제일 위로 끌어올려주는 것을 의미 3. const..
2020.05.26 -
[JS] 스크립트 파일 로드 ('async' vs 'defer')
1. 1-1. 사용자에게 보여지는 순서 사용자가 html파일을 다운받았을 때 브라우저가 한줄씩 분석 css와 병합해서 Dom요소로 변환 html태그를 쭉 parsing하다가 scipt태그를 만나면 .js파일을 다운받기 위해 html parsing을 잠시 멈춤 필요한 자바스크립트 파일을 서버에서 다운 이것을 실행한 다음 멈췄던 html parsing부분으로 넘어감 1-2. 특징 만약 자바스크립트 파일이 어마어마하게 크다거나 인터넷도 엄청 느리다면, 사용자가 웹사이트를 읽는데 많은 시간이 소요됨 2. 태그 내부 맨 끝에 2-1. 사용자에게 보여지는 순서 브라우저가 html을 다운 받아서 쭉 parsing해서 페이지가 준비가 됨 준비가 된 상태에서 script태그를 만남 필요한 자바스크립트파일을 서버에서 다운..
2020.05.25