실행 컨텍스트(Execution Context) 실행 컨텍스트는 코드 실행과 흐름을 관리하는 핵심 원리다.이 개념을 정확히 이해하면 스코프나 호이스팅, this, 클로저와 같은 개념을 잘 이해할 수 있다. 실행 컨텍스트는 자바스크립트 코드가 이벤트 루프로 부터 콜스택으로 이동하게 되고난 후 실행될때 생성되는 환경을 말한다. 실행 컨텍스트는 필요한 정보를 저장하고 관리하게된다. 핵심 역할코드 실행에 필요한 정보 관리변수, 함수 선언을 메모리에 저장하고 참조this 바인딩을 결정스코프와 클로저를 관리 핵심 역할 중 변수, 함수 선언을 메모리에 저장하고 참조하기 때문에 호이스팅 개념이 가능한 것이고..이때 상위 스코프의 변수, 함수선언을 참조하기 때문에 가비지컬렉터의 대상이 되지 않기 때문에 외부 함수의 실행..
[챗지피티와 공부를 해보자] 02. 이벤트 루프와 비동기 처리 + 가비지 컬렉션과의 연관 자바스크립트는 싱글 스레드 기반이다. 싱글 스레드이기 때문에 한번에 한가지 작업만 실행할 수 있다.하지만 그렇다고 한번에 한가지 작업만 하게되면? 문제가 많을것이다. (무한 대기가 생기겠지?)그렇기 때문에 브라우저나 노드 환경에서 여러 작업을 동시에 처리할 수 있도록 설계되어있는데, 이 핵심이 이벤트 루프다. 이벤트 루프란?자바스크립트의 비동기 처리를 가능하게하는 매커니즘이다. (비동기 작업은 HTTP요청이나 setTimeout 등..)비동기 작업은 나중에 실행되도록 예약하고, 이벤트 루프는 준비된 작업을 실행할 수 있도록 한다.이때 어떤 순서대로 실행을 시킬까?우리가 여기서 알아야하는 개념은 '콜스택, 태스트..
자바스크립트에서 함수가 선언된 렉시컬 스코프를 기억하고, 그 스코프 밖에서도 해당 스코프에 접근할 수 있는 함수(개념)를 말한다. 함수와 그 함수가 선언된 환경을 함께 묶은 개념으로 내부 함수가 외부 함수의 변수에 접근하거나 저장된 값을 유지할 수 있는 특성을 제공한다. 주요 특징 간단히 요약1. 변수 접근: 내부 함수가 외부 함수의 변수에 접근할 수 있다.2. 변수 유지: 외부 함수 실행이 종료되어도 내부 함수는 외부 함수의 변수를 참조한다.3. 데이터 은닉: 클로저를 사용하여 데이터를 외부에서 직접 접근할 수 없도록 보호할 수 있다. 예시function 외부함수(외부매개변수) { return function 내부함수(내부매개변수) { console.log(`외부함수: ${외부매개..
공부 하려고할때 뭐부터 해야하지??? 고민할 시간에 챗지피티 도움을 받아보자. 질문은 아래와 같이 했다. 안녕 난 javascript 개념 공부를 해보려고해. 일단 js 기초, 중급, 고급 개념 공부를 하려는데 세개를 나눠서 주제 알려줘. 최대한 많이 알려줘. 또한 세개의 총 갯수를 맞출 필요는 없어. 내용은 나중에 공부할거니까 꼭 주제만 알려줘.포맷은 아래와 같이 맞춰줘총 n개 '개념, 개념, 개념, 개념' 디테일하게 질문안하면 허탕친다. 나도 그래서 여러번 질문했다.그리고 사실 처음에 질문했던거랑 답변이 달라서, 주제에 차이가 좀 있는것 같으니 처음 질문이랑 지금 질문의 주제를 둘 다 공부해야겠다. 위 질문에 대한 챗지피티의 답변JavaScript 기초 개념총 30개변수 선언(var, le..
- Total
- Today
- Yesterday
- vue.js
- 프로젝트
- 제이쿼리
- 브라우저
- 기초
- 리액트
- html
- JavaScript
- Article
- 뷰
- 메서드
- 강의
- Study
- 아티클
- 차이
- 통신
- 제로초
- TypeScript
- React
- 공부
- jQuery
- Method
- css
- JS
- 타입스크립트
- 프론트엔드
- 코딩애플
- frontend
- VUE
- 자바스크립트
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |