본문 바로가기

프로그래밍/자바스크립트
4

이벤트 루프 (Event Loop) 어떤 엔진, 프레임워크들이든 자신만의 흐름(혹은 라이프사이클)이 존재한다.자바스크립트의 라이프사이클은 어떻게 되는지 궁금해서 조금 더 자세히 알아보았다.자바스크립트 자체는 싱글스레드 언어자바스크립트 언어(ECMAScript) 자체는 싱글 스레드로 되어있어 'Call Stack' 구조만을 가진다.즉, 명령어가 들어오면 순차적으로 쌓아두고 가장 마지막으로 들어온 명령어가 실행되는 구조이다.정확히는 명령어가 아니라 '실행 컨텍스트' 이다. 실행 컨텍스트는 렉시컬 환경, Variable Environment, this 바인딩, outer reference 와 같은 요소들을 가지고 있는 객체이고, 이 객체가 Call Stack 내부에 쌓이고 실행되는 것이다.그렇다면 비동기는 어떻게?자바스크립트 언어 자체에서는 지.. 2025. 1. 8.
렉시컬 환경(Lexical Environment), 클로저 자바스크립트에서는 실행 중인 함수, 코드 블록 {...}, 스크립트 전체는 렉시컬 환경(Lexical Environment)라는 내부 숨김 연관 객체(internal hidden associated object) 를 갖는다.자바스크립트 엔진이 함수를 생성하면, 그 함수는 '함수 객체'와 '함수가 어디서 선언되었는지' 에 대한 정보(렉시컬 환경의 스냅샷)를 갖게 된다.함수는 [[Environment]] 같은 내부 슬롯을 통해 선언될 때 렉시컬 환경(이론 객체)을 참조하게 된다.변수는 내부 슬롯에서 참조하지 않고 렉시컬 환경 내부의 환경 레코드에 등록이 되어있다. 즉, 변수는 환경 레코드에 프로퍼티 형태로 기록되어 있을 뿐이며, 검색해서 value를 찾는 구조이다.그래서 무엇이 특별한가?이로 인해 특별해 보.. 2025. 1. 7.
함수 (function) 자바스크립트에서 함수는 세 가지 방법으로 만들 수 있다.1. 함수 선언문function sum(a, b) { let result = a + b; return result;}2. 함수 표현식let sum = function(a, b) { let result = a + b; return result;};sum(1,2); //3함수는 객체이기 때문에 위와 같이 변수처럼 받을 수 있다. 그리고 C#의 델리게이트처럼 호출 할 수 있다.3. 화살표 함수// 화살표(=>) 우측엔 표현식이 있음let sum = (a, b) => a + b;// 중괄호{ ... }를 사용하면 본문에 여러 줄의 코드를 작성할 수 있음. return문이 꼭 있어야 함.let sum = (a, b) => { // ... retur.. 2025. 1. 6.
변수 선언과 변수 타입 인프런의 코드스토리님의 자바스크립트 강좌 을 완강하고, 모던 JavaScript 튜토리얼 을 보며 다시 정리해보며 기록해본다.기본적으로 나는 C#을 주로 썼기 때문에 동적 언어인 JavaScript가 헷갈린 부분이 많았는데 주로 헷갈리거나 다른 개념인 경우에만 정리를 할 것이다.굉장히 단순한 변수 선언 (var, let, const)위에 살짝 언급했지만 자바스크립트는 동적 언어이기 때문에 변수 타입 선언을 '세 가지'로만 구분한다.var, let, const 가 그 키워드이다.var name = Junny; //쓰이지 않음let name = Junny; //변수const test = 2025; //상수상수나 문자열 등은 자바스크립트 내부 알고리즘에 의해 자동으로 변수 타입을 설정해준다.여기서 var가 쓰.. 2025. 1. 6.

최근댓글

최근글

skin by © 2024 ttuttak

티스토리툴바