Front-End (4) 썸네일형 리스트형 [ES6] Block scope ES6의 정석 - 노마드 코더 Nomad Coders ES6, ES7, ES8 nomadcoders.co - let과 const의 장점은 block scope로 되어 있는거임 (scope는 기본적으로 버블임) - block안에서만 존재함( block은 {}로 만들어짐) - {} 안에서는 정의된 let과 cont는 block 밖에서는 존재하지 않는거임(안에서 보호 받을 수 있음) - var은 block을 뛰어다님(block scope를 가지고 있지 않기 때문) - function scope를 가지고 있음. function scope는 var가 function 안에서 접근할 수 있다는 의미 - var은 다른 function에서 접근하는 걸 막아줄 순 있지만, 다른 구문에서 접근가능해서 문제가 생김 [ES6] Temporal dead zone ES6의 정석 - 노마드 코더 Nomad Coders ES6, ES7, ES8 nomadcoders.co - temporal dead zone은 let과 같이 소개되는 개념임 - temporal dead zone이 없을 때는 - hoisting은 JS가 프로그램 실행 전 어딘가로 이동시키는거임(무조건 위에서 아래로 실행되지않음) - 이렇게 코드를 작성하면 JS 내부에서 hoisting 처리를 하는데 var을 제일 위로 올려쥼 - hoisted는 그들이 제일 위로 올라가는 걸 의미함 - 위 멍청한 코드는 애플리케이션 실행시 error 처리를 하지 않음 - 그래서 let을 써야함 - 위 코드에서 var 대신 let을 사용하면 error을 발생시켜서 변수가 정의되지 않았다고 에러를 발생시키고, hoisting.. [Node.js] MACOS에 Homebrew를 이용하여 Node.js 설치하기 1. node 설치 2. npx 설치 - npx는 1회성으로 최신 버전이 노드 패키지를 내려받아 설치시켜주는 노드 패키지이기 때문에 npx는 npm으로 설치해주어야 한다고 한다. [JS] <script> "는 쓸 수 없다. - 인라인 스크립트를 파싱하는 방식 때문에 브라우저는 문자열""를 닫는 태그 로 인식한다. 이런 문제는 위 코드와 같이 "/"문자를 이스케이프해서 해결할 수 있다. 2) 외부 파일 자바스크립트 코드 - 자바스크립트를 외부 파일에서 불러오려면 src 속성을 사용해야 한다. - 위 코드는 example.js란 이름의 외부 파일을 페이지로 불러온다. - 이 파일에는 오직 자바스크립트 코드만 들어가며 태그를 쓰면 안된다. - 인라인 자바스크립트 코드와 마찬가지로 외부 파일의 코드를 해석하는 동안에는 페이지 처리가 멈춘다. 코드를 가져온 방법과 관계 없이 요소는 페이지에 나타난 순서대로 실행되며 예외는 defer와 async속성이 있을 때 뿐이다. - HTML 파일에 자바스크립트 직접 써도 되.. 이전 1 다음
