스터디/JavaScript&TypeScript3 javascript 호이스팅(Hoisting) 호이스팅은 런타임이 아닌 컴파일 단계에서 발생하는 자바스크립트의 실행 방식이자 규칙이다. 자바스크립트 엔진이 코드를 실행하기 전에 코드의 선언부를 미리 처리하기 때문에, 실제 실행 시점에서는 마치 선언이 코드의 최상단으로 끌어올려진 것처럼 동작한다. 자바스크립트 실행 과정자바스크립트는 인터프리터 언어이면서도, 실행 전에 컴파일 단계를 거치는 방식으로 작동합니다. 실행 과정은 크게 두 단계로 이루어진다.컴파일 단계변수와 함수의 선언을 먼저 확인하여 메모리에 할당.var 변수는 undefined로 초기화하고, let과 const는 초기화하지 않은 상태로 메모리에 할당 (TDZ 상태).함수 선언은 코드 전체가 메모리에 할당.실행(런타임) 단계코드를 한 줄씩 해석하고 실행.이때 컴파일 단계에서 미리 할당된 변수.. 2024. 11. 10. #자바스크립트 책터디 1 - 이터레이터 이터레이터 패턴 배경만약 관계형 데이터베이스에서 select 쿼리를 사용하여 질의 결과가 천 줄 혹은 그 이상이었을 때 루프와 같은 반복적인 방식을 사용해 데이터를 처리해야 합니다. 이 때 이터레이터 패턴을 사용. 1. 이터레이터는 next()라는 메서드를 지원하며, next()를 호출할 때마다 관계형 데이터베이스에서 질의 결과에 해당하는 레코드나 줄과 같은 데이터 조각이 차례대로 반환. 2. 데이터가 총 몇개인지 사전에 알기 쉽지 않지만 이터레이터 패턴은 반복작업이 종료되었다는 신호를 줌. 3. 반복작업으로 데이터를 처리할 때 표준화된 방법을 제공. 깔끔하고 이해하기 쉬운 코드로 반복작업을 수행할 수 있다. 이터레이터 패턴의 프로토콜(ES6 명세서)- next() 메서드는 이터레이터 리절트라 불리는 .. 2024. 6. 8. 자바스크립트 딥다이브 # 20220619 #5. 표현식, 문 05. 표현식과 문 값(Value)이란 식(expression)이 평가되어 생성된 결과를 말한다. 여기서 평가란 식을 해석해서 값을 생성하거나 참조하는 것을 의미한다. 10 + 20; // 30 모든 값은 데이터 타입을 가지며, 메모리에 2진수, 즉 비트의 나열로 저장된다. 메모리에 저장된 값은 타입에 따라 다르게 해석된다. 메모리에 저장된 갑ㅄ 0100 0001을 숫자로 해석하면 65지만, 문자로 해석하면 'A'다 변수란? 하나의 값을 저장하기위해 확보한 메모리 공간 자체 또는 메모리 공간을 식별하기 위해 붙인 이름 *따라서 변수에 할당되는 것은 값이다. // 변수에는 10 + 20이 평가되어 생성된 숫자 값 30이 할당된다. var sum = 10 + 20; 위 예제를 보면 sum 변수에 할당되는 것.. 2022. 6. 19. 이전 1 다음