본문 바로가기
728x90

Front-End20

data type, let vs var vs const, hoisting global let , let(mutable data type) // 2.Variable let globalName='global name'; { let name='duduri'; console.log(name); // duduri name='hello'; console.log(name); // hello } console.log(name); // console.log(globalName); // global name globalName = 전역변수 ( 애플리케이션이 끝날때까지 메모리에 저장되어있다) { .. } 블럭밖에서 name 접근할 경우 값이 안나온다 (블록스코프) { .. } 블럭밖에서 globalName 접근할 경우 값이 나온다 var 를 지양하자 (호이스팅) { age=4; var age; .. 2022. 6. 11.
async vs defer 만약 js 파일이 크다면? 사용자가 웹사이트를 보기까지 시간이 많이 걸린다 스크립트는 head에 포함하는것은 좋지 않은방법 안에 js 다운받을때 사용자가 HTML 빨리보는 장점은 있다 자바스크립트 이용해서 의미있는 데이터를 받아오거나 DOM 요소를 이쁘게 꾸며줄때 사용자가 정상적인 웹페이지를 받기까지 시간이 걸린다 asyn 은 boolean 속성값 선언하는것 만으로도 True 설정 병렬로 js 파일을 다운로드하고 다운로드 완료되면 HTML 파싱을 멈추고 다운로드된 js 파일을 실행 에서 병렬적으로 다운받기 때문에 다운받는시간을 절약할수 있다 HTML이 파싱되기전에 실행되기 때문에 QuerySelector() 이용해서 DOM 요소조작할때 원하는요소의 HTML이 아직정의가 안되있을수 있다 js 다운 명령만 .. 2022. 5. 30.
728x90