JS-study-ydkjsy [ydkjsy]Scope & Closures-2-Illustrating Lexical Scope 1. var students 컴파일러는 스코프 매니저에게 특정 스코프에 매치되는 것이 존재하는지 물어보고, 그렇다면 무시하고 선언, 아니라면 실행시에 스코프 매니저에게 해당 범위에 새 변수를 만들 것을 요청하는 코드 작성. 엔진이 실행할 코드는 먼저 스코프 매니저에게 현재 스코프에 접근가능한 students가 있는지 물어본다.없으면 엔진은 계속 찾아나서고 그리고 찾았다면 배열을 참조하여 할당... JS-study-ydkjsyJS-study-ydkjsy [ydkjsy]Get Started-1-What Is JavaScript? Java 프로그래머들의 관심을 끌 목적으로 당시 유행했던 "Script"라는 단어를 붙여 JavaScript라는 이름이 나오게 된건데 사실 Java 회사인 오라클에서 이미 이 상표를 소유하고 있어서 "JS" 혹은 "ECMAScript" 혹은 여기에 개정 연도를 붙여 "ES2019"으로 부르기로 함. TC39: JS 관리하는 기술 운영위원회로 공식 스펙 관리. TC39는 5단계(0~4)를 거쳐... JS-study-ydkjsyJS-study-ydkjsy [ydkjsy]Scope & Closures-8-The Module Pattern 캡슐화(관련 정보와 동작 모음)와 가시성 통제가 모듈의 특징. 모듈은 관련 데이터, 함수(메소드) 모음집인데, public accessible details(public API)과 숨겨진 private details를 구분하는 특징이 있다. 그리고 다른 특징은 stateful. 시간이 지나면서 해당 정보에 접근, 업데이트하는 기능으로 정보들을 유지한다. 데이터 없이 관련 함수들만 묶은 경우.... JS-study-ydkjsyJS-study-ydkjsy [ydkjsy]Scope & Closures-4-Around the Global Scope 어떻게 JS엔진은 각 런타임 context에서 서로를 연결할까? 브라우저-실행 적용 관점에서. 1.ESM. 필요한 것들을 import하여 참조한다. 2.빌드 단계의 bundler. 브라우저나 엔진에 전달되기 전에 연결된다. 3.global scope 위가 별도의 파일로 로드되는 것과 똑같. global scope 기능. JS exposes its built-ins: The environmen... JS-study-ydkjsyJS-study-ydkjsy
[ydkjsy]Scope & Closures-2-Illustrating Lexical Scope 1. var students 컴파일러는 스코프 매니저에게 특정 스코프에 매치되는 것이 존재하는지 물어보고, 그렇다면 무시하고 선언, 아니라면 실행시에 스코프 매니저에게 해당 범위에 새 변수를 만들 것을 요청하는 코드 작성. 엔진이 실행할 코드는 먼저 스코프 매니저에게 현재 스코프에 접근가능한 students가 있는지 물어본다.없으면 엔진은 계속 찾아나서고 그리고 찾았다면 배열을 참조하여 할당... JS-study-ydkjsyJS-study-ydkjsy [ydkjsy]Get Started-1-What Is JavaScript? Java 프로그래머들의 관심을 끌 목적으로 당시 유행했던 "Script"라는 단어를 붙여 JavaScript라는 이름이 나오게 된건데 사실 Java 회사인 오라클에서 이미 이 상표를 소유하고 있어서 "JS" 혹은 "ECMAScript" 혹은 여기에 개정 연도를 붙여 "ES2019"으로 부르기로 함. TC39: JS 관리하는 기술 운영위원회로 공식 스펙 관리. TC39는 5단계(0~4)를 거쳐... JS-study-ydkjsyJS-study-ydkjsy [ydkjsy]Scope & Closures-8-The Module Pattern 캡슐화(관련 정보와 동작 모음)와 가시성 통제가 모듈의 특징. 모듈은 관련 데이터, 함수(메소드) 모음집인데, public accessible details(public API)과 숨겨진 private details를 구분하는 특징이 있다. 그리고 다른 특징은 stateful. 시간이 지나면서 해당 정보에 접근, 업데이트하는 기능으로 정보들을 유지한다. 데이터 없이 관련 함수들만 묶은 경우.... JS-study-ydkjsyJS-study-ydkjsy [ydkjsy]Scope & Closures-4-Around the Global Scope 어떻게 JS엔진은 각 런타임 context에서 서로를 연결할까? 브라우저-실행 적용 관점에서. 1.ESM. 필요한 것들을 import하여 참조한다. 2.빌드 단계의 bundler. 브라우저나 엔진에 전달되기 전에 연결된다. 3.global scope 위가 별도의 파일로 로드되는 것과 똑같. global scope 기능. JS exposes its built-ins: The environmen... JS-study-ydkjsyJS-study-ydkjsy