JS - Deep Dive 🏄🏼‍♂️

변수는 프로그래밍 언어에서 데이터를 관리하기 위한 핵심 개념이다.메모리는 데이터를 저장할 수 있는 메모리 셀의 집합체이다.셀 하나의 크기는 1바이트이며, 컴퓨터는 1바이트 단위로 데이터를 저장하고 읽는다.각 셀은 고유의 메모리 주소를 갖는다. 메모리 주소를 통해 값에

값은 식이 평가되어 생성된 결과이다.10 + 20 // 30리터럴은 사람이 이해할 수 있는 문자 나 기호를 사용해 값을 생성하는 표기법이다.값을 생성하기 위해 미리 약속한 표기법표현식은 값으로 평가될 수 있는 문이다. 표현식이 평가되면 새로운 값을 생성하거나 기존값을

데이터 타입 = 타입 은 값의 종류를 말한다.JS의 모든 값은 데이터 타입을 갖는다.7개의 데이터 타입은 원시타입과 객체 타입으로 분류된다.원시타입숫자문자booleanundefinednullsymbol객체 타입객체 함수 배열 ..C, 자바의 경우 int, long, f

연산자는 표현식을 대상으로 하나의 값을 만든다.이 때 연산의 대상을 피연산자라고 한다.연산자는 값으로 평가된 피연산자를 연산해 새로운 값을 만든다.수학적 계산을 수행해 새로운 숫자 값을 만든다.두개의 피연산자를 산술해 숫자를 만든다.\+,-,\*,/,% 이 있다.1개의

제어문은 프로그램의 실행 흐름을 제어하는 요소이다.중괄호로 묶인 코드 블록을 의미한다.JS는 블록문을 하나의 실행 단위로 취급한다.조건문은 주어진 조건식의 평가 결과에 따라 코드 블록의 실행이 된다.주어진 조건이 참인 경우에만 코드블록을 실행한다.else : if문의

다른 타입으로 변환할 수 있는 것JS 엔진은 표현식을 에러 없이 평가하기 위해서 피연산자의 값을 암묵적 타입 변환하여 사용한다.문자로 변환const x = 10const y = x + '' => y = stringundefined + '' = > "undefined"숫

객체란 원시 값을 제외한 나머지 값은 다 객체라고 보면 된다.원시 타입은 단 하나의 값만 나타내지만,객체 타입은 다양한 타입의 값을 하나의 단위로 구성한 복합적인 자료구조이다.원시 타입의 값은 변경 불가능한 값이지만,객체는 변경 가능한 값이다.객체는 프로퍼티로 구성된

원시타입 : 변경 불가능한 값, 객체 : 변경 가능한 값원시 값을 변수에 할당하면, 실제 값이 저장되고 객체를 변수에 할당하면, 변수에는 참조 값이 저장된다. 변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체의 이름이다.값은 변수에 저장된 데이터로 표현식이 평

12.1 ~ 12.4함수는 JS에서 가장 중요한 핵심 개념이다.일반적으로 함수는 입력값이 있으면 출력을 내보내는 과정이다.프로그래밍 언어의 함수는 일련의 과정을 문으로 구현하고 코드 블럭으로 감싸 하나의 실행 단위로 정의한 것매개변수 : 함수 내부로 전달받는 변수인수

12.5 ~ 함수에 필요한 값을 매개변수 (parameter)를 통해 인수를 전달한다.매개변수는 함수를 정의할 때 선언한다.함수가 호출되면 함수 몸체 내에서 임의적으로 생성되고, undefined가 할당된다.함수의 매개변수를 할당하지 않아도 에러는 생기지 않는다.초과되

스코프란 식별자가 유효한 유효범위를 뜻한다.모든 식별자는 자신이 선언된 위체에 의해 다른 코드가 자신을 참조할 수 있는 유효 범위가 결정된다.변수는 자신이 선언된 위체에 의해 자신이 유효한 범위, 즉 다른 코드가 변수 자신을 참조할 수 잇는 범위가 결정된다.var 와

전역 변수는 위험하다 라는 말이 많습니다.왜 전역변수가 위험하고, 사용을 억제할 수 있는 방법에 대해 알아보겠습니다.지역 변수가 위험한 이유는 생명 주기와 연관이 있습니다.변수는 선언에 의해 생성되고 할당을 통해 값을 가지고 소멸하는 과정을 생명 주기라고 합니다.생명주

ES5까지는 var밖에 변수를 선언할 수 있는 방법이 없었다.하지만 var는 여러 문제를 발생 시킬 수 있다.메모리 누수디버깅 어렵다.가독성 떨어진다.var는 중복 선언이 가능하다. 그래서 이미 선언되어 있는 값을 의도치 않게 변경해버릴 수 있기 때문에 부작용이 발생할

내부 슬롯과 내부 메서드는 JS 엔진의 구현 알고리즘을 설명하기 위한 의사 프로퍼티와 메서드이다.이들은 실제로 동작은 하지만 외부로 공개된 객체는 아니다.이중 대괄호로 감싼 이름들이 내부 슬롯과 메서드이다.모든 객체는 \[\[Prototype]] 이라는 내부 슬롯을 갖

중괄호를 직접 열어 사용하는 객체 리터럴 방식 ({}) 이외에도 객체를 생성하는 방법을 여러가지이다.new 연산자와 Object 생성자 함수를 호출하면 빈 객체를 생성하여 반환한다.생성자 함수에 의해 생성된 객체를 인스턴스 라고 한다.JS에는 String, Number

일급 객체 는 다음 조건을 만족하는 객체를 뜻한다.함수도 일급 객체이기 때문에, 함수를 예를 통해 조건을 설명한다.무명의 리터럴로 생성 가능 하다 (런타임에 생성이 가능하다)const increase = function (num) {return ++num}변수나 자료구

데이터에 관한 내용으로, 기본형 타입과 참조형 타입이 서로 다르게 동작하는 이유를 알아보고, 활용할 수 있게 합니다. 크게 기본형과 참조형의 두가지의 종류가 있습니다. 기본형 : 숫자 문자 불리언 null undefined... symbol(ES6)참조형 : 객체 배열

실행 컨텍스트는 실행할 코드를 제공할 환경 정보들을 모아놓은 객체로, JS가 동적 언어로서의 성격을 잘 파악할 수 있는 개념입니다. 실행 컨텍스트는 동일한 환경에 있는 코드들을 실행할 때 필요한 환경 정보들을 모아 컨텍스트를 구성하고, 이를 콜 스택에 쌓아 올립니다.

다른 객체지향 언어에서 this는 클래스로 생성한 인스턴스 객체를 의미합니다. 하지만 JS에서의 This는 어디서든 사용할 수 있습니다. 상황에 따라 this 가 바라보는 대상이 달라지게 됩니다.JS에서 this는 기본적으로 실행 컨텍스트가 생성될 때 함께 결정됩니다.

콜백 함수는 다른 코드의 인자로 넘겨주는 함수입니다. 넘겨받은 코드는 필요에 따라 적절한 시점에 실행할 것입니다.콜백함수는 제어권과 관련이 깊습니다. 다른 코드에게 인자로 넘겨줌으로써 그 제어권도 함께 위임한 함수입니다.setInterval을 통해 알아보겠습니다. se

클로저는 함수형 프로그래밍 언어에서 등장하는 특성입니다. JS 만의 특징은 아닙니다. 그래서 많은 정의들이 있는데 컨텍스트를 통해 알아보겠습니다.A에서 선언한 내부함수 B의 실행 컨텍스트가 활성화되는 시점에는 B의 outerEnvironmentReference가 참조하

JS는 프로토타입 기반 언어 입니다. 클래스 기반 언어에서는 '상속'을 사용하지만 프로토타입 언어는 어떤 객체를 원형(prototype)으로 삼고 이를 복제(참조) 함으로써 상속과 비슷한 효과를 얻습니다.!\[Pasted image 20231113112010.png]프