Front-end

실행할 코드에 제공할 환경 정보들을 모아놓은 객체VariableEnvironment: 현재 컨텍스트 내의 식별자들 정보 + 외부 환경정보, LexicalEnviornment의 스냅샷LexicalEnvironmnet: VariableEnvironment와 같지만 변경사항

this: 함수와 객체(method)를 나누는 유일한 기능this는 기본적으로 실행 컨텍스트가 생성될 때 결정 됨(thisBinding) → 실행 컨택스트는 함수를 호출할 때 생성 됨.따라서, this는 함수를 호출할 때 결정됨브라우져 환경 → this === wind

클로저는 어떤 상황에서 발생하는 특수한 '현상' 함수는 이 현상이 나타나기 위한 '조건'에는 해당 하지만, 클로저 자체를 구체화한 '대상'으로 볼 수 없음.클로저를 피부적으로 느껴지게 설명하면, "클로저 현상에 의해 메모리에 남겨진 변수들의 집합이다."더이상 사용 되지

자바스크립트 → <프로토타입> 기반 언어 → <상속> 이라는 개념이 존재하지 않음. ES6 에 클래스 문법 추가됨ES5 에서 클래스를 흉내내기 위한 구현 방식을 학습하는 것은 큰 의미가 있음"음식 > 과일 > 귤 류 > 오렌지" 관계 일 때, 음식은 과일 보

최신 사양의 자바스크립트 코드를 하위 사양(ES5 이하)의 코드로 트랜스파일링 Babel CLI 와 Core 설치package.json 파일 내용Babel을 사용하려면 @babel/preset-env을 설치해야 함@babel/preset-env : 필요한 플러그인들을

의존 관계에 있는 모듈들을 하나의 자바스크립트 파일로 번들링 하는 모듈 번들러별도의 모듈 로더가 필요없어짐하나의 파일로 번들링함으로 다수의 스크립트 파일을 로드할 필요 없어짐Webpack으로 파일 번들링 전에 babel 을 이용해서 ES6+ 코드를 ES5코드로 트랜스파

사파리에서 pageshow event가 한번만 호출됨.Go to page AClick a link to page BClick the back button (pageshow fires as expected)Click a link to page B again (or any

npm/yarn 오류 내용 파트너사 분들 업무 세팅을 도와드리다가, npm, yarn 세팅하면서 아래와 같은 오류 메시지가 발생했다. ssl 이슈인듯하다. 오류 메시지 해결방법 npm yarn 참고자료 https://rios.tistory.com/entry/Re