[모던 자바스크립트 Deep Dive] 15장 let, const키워드와 블록 레벨 스코프

1. var 키워드로 선언한 변수의 문제점 1. 변수 중복 선언 허용 2. 함수 레벨 스코프 var 키워드로 선언한 변수는 함수의 코드 블록만을 지역 스코프로 인정한다. var x = 1; if (true) { var x = 10; // 지역 스코프로 인정되지 않은 코드 블록 내에서 변수를 재선언 하는 경우 의도치 않게 변수의 값이 변경될 수 있다. } console.log(x); // 10 함수 레벨의 스코프는 함수나 변수 선언문에서 선언한 변수도 전역 변수가 된다. 3. 변수 호이스팅 var키워드로 선언한 변수는 런타임 이전에 자바스크립트 엔진에 의해 암묵적으로 "선언 단계"와 "초기화 단계"가 한번에 진행된다. console.log(foo); // undefined var foo; console.l..

→2022.04.13

[모던 자바스크립트 Deep Dive] 14장 전역 변수의 문제점

1. 변수의 생명 주기 1. 지역변수의 생명 주기 변수는 소멸되는 생명 주기가 있다. 자신이 생성된 위치에서 생성되고 소멸한다.(Garbage Collection에 의해) 전역변수의 생명 주기는 애플리케이션의 생명 주기와 같다. 지역 변수는 함수가 호출되면 생성되고 함수가 종료하면 소멸한다. 전역변수 선언은 코드가 한 줄씩 순차적으로 런타임으로 실행되는 것이 아니라 런타임 이전 단계에서 자바스크립트 엔진에 의해 먼저 실행된다. 지역변수는 함수가 호출된 직후에 함수의 코드가 한줄 씩 순차적으로 실행되기 전에 자바스크립트 엔진에 의해 먼저 실행된다. var x = 'global'; function foo() { var x = 'local'; console.log(x); return x; } foo(); co..

→2022.04.12

[JavaScript] 배열 메소드 map, filter 개념 및 예시

https://ordinary-code.tistory.com/8 [JavaScript] 배열 메소드 map, filter 개념 및 예시 (배열 내 특정 조건에 해당하는 데이터 가져오는 방 JavaScript의 Array 메서드 중 강력한 기능 Map, filter 활용하기 최근 프로젝트 개발 중 DBQuery를 통해 받은 결과를 재가공하는 일이 많아졌다. 해당 값에서 중복을 제거한다던지, 특정 조건을 만족하는 ordinary-code.tistory.com

→2022.03.24

[JS] Promise

Promise의 3가지 상태(states) 프로미스의 상태란 프리미스의 처리 과정을 의미한다. new Promise()로 프로미스를 생성하고 종료 될때까지 3가지 상태를 갖는다. Pending(대기) : 비동기 처리 로직이 아직 완료되지 않은 상태 Fulfiled(이행) : 비동기 처리가 완료되어 프로미스가 결과 값을 반환해준 상태 Rejected(실패) : 비동기 처리가 실패하거나 오류가 발생한 상태 https://velog.io/@gay0ung/Promise Promise 자바스크립트 비동기 처리에 사용되는 객체이다. 비동기 처리?특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행하는 자바스크립트의 특성을 의미한다.주로 서버에서 받 velog.io

→2022.03.24

[모던 자바스크립트 Deep Dive] 13장 스코프

1. 스코프 모든 식별자(변수 이름, 함수 이름, 클래스 이름 등)가 자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할 수 있는 유효 범위 즉, 식별자가 유효한 범위 var x = 'global'; function foo () { var x = 'function scope'; console.log(x); } foo(); // ? console.log(x); // ? 이때, 위의 출력값은 function scope 아래의 출력값은 global 으로 나타난다. ❓이유 자바스크립트 엔진은 식별자 결정(어떤 변수를 참조해야 할 것인지 결정)해야하는데, 스코프를 통해 어떤 변수를 참조해야 하는지 결정한다. 코드를 시랭 할 때 코드의 문맥을 고려하게되는데, 코드가 어디서 실행되며 어떤 코드가 있는 지에 ..

→2022.03.18

브라우저 렌더링에 대해

https://d2.naver.com/helloworld/59361 오늘 하루만으로는 공부하기엔 양이 너무 많다. 추후 작성 예정 .. 아주 기초적인 부분임을 명시!

→2022.03.18