프론트엔드(44)
-
[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