본문 바로가기

분류 전체보기142

[JS] 실행 컨텍스트 (2) 📌 참고 영상 JavaScript - Execute context - YouTube 💻 분석해 볼 코드 n0='n0'; var v0='v0'; let l0='l0'; const c0 = 'c0'; console.log(v0, n0, l0, c0); console.log(window.v0, window.n0, window.l0, window.c0); function fn2(){ n2='n2'; console.log(n0, n1, n2); var v2='v2'; console.log(v0, v2); // console.log(v1) let l2='l2'; console.log(l0, l2); // console.log(l1); const c2='c2;'; console.log(c0, c2); // conso.. 2023. 8. 25.
[JS] 실행 컨텍스트 (1) 📌 참고 사이트 [JS] Javascript의 실행 컨텍스트 (Execution Context) (tistory.com) [JS] Javascript의 실행 컨텍스트 (Execution Context) Javascript 실행컨택스트 (Execution Context) 코드가 평가되고 실행되는 환경의 추상적인 개념입니다. 즉 실행 컨텍스트는 실행 가능한 코드가 실행되기 위해 필요한 환경이라고 할 수 있습니다. 지금 oyg0420.tistory.com 원문은 이거라고 한다. Understanding Execution Context and Execution Stack in Javascript | by Sukhjinder Arora | Bits and Pieces (bitsrc.io) Understanding.. 2023. 8. 25.
[JS] 렉시컬 환경, this 정리 📌 참고 사이트 엘리스 3주차 수요일 자료 'This에 대한 활용 예시' 변수의 유효범위와 클로저 (javascript.info) 변수의 유효범위와 클로저 ko.javascript.info ❓ 렉시컬 환경 자바스크립트에서는 실행 중인 함수, 코드 블록 {...}, 스크립트 전체는 렉시컬 환경(Lexical Environment)라고 불리는 내부 숨김 연관 객체를 갖는다. (렉시컬 환경은 JS 동작 원리 설명을 위해 쓰이는 이론상의 객체로, 코드를 통해 직접 렉시컬 환경을 얻거나 조작하는 것은 불가능하다.) 📍 렉시컬 환경 객체의 구성 ➡️ 환경 레코드 (Environment Record) 모든 지역 변수를 프로퍼티로 저장하고 있는 객체이다. this값과 같은 기타 정보도 여기에 포함된다. 변수는 특수 내.. 2023. 8. 23.
[자료구조] 스택 📌 참고 사이트 [자료구조] 스택 with JavaScript (tistory.com) [자료구조] 스택 with JavaScript 들어가며 SOPT의 세미나에서 스택과 큐에 대해 처음 배웠습니다. 당시 자바스크립트 동작 원리를 배우면서 콜 스택에 대해 배웠는데, 스택이 무엇인지 몰라서, 이해를 못하고 넘어갔던 기억이 납 overcome-the-limits.tistory.com 📋 스택 (stack) ❓ 스택 데이터를 탑을 쌓듯 추가하는 형태의 자료 구조이다. 가장 마지막에 쌓인 데이터가 가장 먼저 나오는 형태, 즉 LIFO(Last-In First-out)의 형태를 가지고 있다. stack의 맨 위에 데이터를 추가하는 것은 push, 맨 위의 데이터부터 하나씩 제거하는 것을 pop이라 한다. 📍 스택.. 2023. 8. 23.

티스토리툴바