JavaScript

메모리(memory) : 데이터 보관함, 각각의 크기는 동일변수(variable) : 각 메모리에 붙인 이름(Label), 상황에 따라 변할 수 있는 값선언(declaration) : 메모리 확보할당(assignment) : 메모리에 데이터 저장표현식(expressio

1 == null == undefined true https://dorey.github.io/JavaScript-Equality-Table/ 문자열 다루기 기본 사용법 accessing a character 문자열은 index로 접근은 가능하지만 쓸 수는 없음,

🌱용어 정리 배열(Array) : 순서(index)가 있는 값(element) 메서드(Method) : 🌱배열 기본 조작 🌿요소 접근 & 길이 & 추가/삭제 🌿반복 🌱 🌿 🌿 🌱알게된 점 & 느낀 점 🌱추가 학습 | 참고자료 | > -

🌱 원시 자료형 & 참조 자료형 원시 자료형(primitive data type) : 객체가 아니면서 메서드를 가지지 않는 타입. 각 변수 간 데이터 값을 복사하기 때문에 기존 데이터에는 영향이 가지 않는다. (string, number, bigint, boolea

정의 : 문서 객체 모델(Document Object Model)의 약자로, HTML 요소를 Object(JavaScript Object)처럼 조작(Manipulation)할 수 있는 Model, HTML을 분석하여 HTML의 아주 작은 부분까지 접근할 수 있는 트리

🌱 객체 지향 프로그래밍 (OOP) 정의 : 하나의 모델이 되는 청사진(blueprint, class)을 만들고, 그 청사진을 바탕으로 한 객체(instance object)를 만드는 프로그래밍 패턴. >절차 지향 프로그래밍과는 다르게 데이터와 기능을 한곳에 묶어

🌱 동기(Synchronous) vs 비동기(Asynchronous) 동기적(Synchronous) : 시작 시점과 완료 시점이 같은 상황 비동기적(Asynchronous) : 동기적의 반대, non-blocking > JavaScript is synchronou

객체의 모든 열거 가능한 속성들에 대해 반복객체의 key 값에 접근 (value에는 직접 접근 불가)반복 가능한 객체(Array, Map (en-US), Set, String, TypedArray, arguments 등)에 대해서 반복Symbol.iterator 속성을

정의 : 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름이다.필요성 : 연산 결과를 재사용하고 싶다면 메모리 주소에 직접 접근해야 하는데, 메모리 직접 제어는 시스템을 멈추게 하는 치명적인 오류를 발생시킬 위험이 있다

정의 : 일련의 과정을 문(statement)으로 구현하고 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것필요성 :코드의 재사용성 : 필요할 때 여러 번 호출할 수 있고, 실행 시점을 개발자가 결정할 수 있다.유지보수의 편의성 : 코드의 중복을 제거하여 유지보수에

정의 : 모든 식별자는 자신이 선언된 위치에 의해 다른 코드가 자신을 참조할 수 있는 유효 범위가 결정되는데, 즉, 식별자가 유효한 범위를 스코프라고 한다.필요성 : 스코프라는 개념이 없다면, 같은 이름을 갖는 변수는 충돌을 일으키므로 프로그램 전체에서 하나밖에 사용할

정의 : 메모리 공간이 확보(allocate)된 시점부터 메모리 공간이 해제(release)되어 가용 메모리 풀에 반환되는 시점까지를 변수의 생명주기라고 한다.필요성 : 변수에 생명주기가 없다면 한번 선언된 변수는 프로그램을 종료하지 않는 한 영원히 메모리 공간을 점유

변수 중복 선언 허용 : var 키워드로 선언한 변수는 같은 스코프 내에서 중복 선언이 가능하다.함수 레벨 스코프 : var 키워드로 선언한 변수는 함수의 코드 블록만을 지역 스코프로 인정한다. 함수 외부에서 선언한 변수는 코드 블록 내에서 선언해도 모두 전역 변수가

전역 코드 : 전역에 존재하는 소스코드로, 전역 스코프를 생성하고 전역 객체와 연결되기 위해 코드 평가 시 전역 실행 컨텍스트가 생성된다. (함수, 클래스 등 내부 코드는 포함되지 않음.)함수 코드 : 함수 내부에 존재하는 소스코드로, 지역 스코프를 생성 후 전역 스코

클로저는 자바스크립트 고유의 개념이 아니므로 클로저의 정의가 ECMAScript 사양에 등장하지 않는다.MDN 정의 :A closure is the combination of a function bundled together (enclosed) with referenc

파싱(parsing) : 프로그래밍 언어의 문법에 맞게 작성된 텍스트 문서를 읽어 문자열을 토큰으로 분해(어휘 분석)하고, 토큰에 문법적 의미와 구조를 반영해 파스 트리를 생성하는 과정이다. 파싱이 완료된 이후에는 중간 언어인 바이트코드를 생성하고 실행한다.렌더링(re

정의 : Document Object Model의 약자로, HTML 문서의 계층적 구조와 정보를 표현하며 이를 제어할 수 있는 API, 즉 프로퍼티와 메서드를 제공하는 노드 객체들로 구성된 트리 자료구조.✔️ DOM은 HTML 문서의 계층적 구조와 정보를 표현하고, 노

이벤트 핸들러 : 이벤트가 발생했을 때 호출될 함수이벤트 핸들러 등록 : 이벤트 발생 시 브라우저에게 이벤트 핸들러의 호출을 위임하는 것사용자가 언제 이벤트를 발생시킬 지 알 수 없는데 그렇다면 언제 함수를 호출해야 할까?✔️ 브라우저는 사용자의 이벤트를 감지하고 특정

자바스크립트 엔진은 단 하나의 실행 컨텍스트 스택을 가지고, 한 번에 하나의 태스크만 실행할 수 있는 싱글 스레드 방식으로 동작한다. 그렇기 때문에 처리에 시간이 걸리는 태스크를 실행하는 경우 블로킹(blocking)이 발생한다.동기 처리 : 현재 실행 중인 태스크가

자바스크립트는 비동기 처리를 위한 하나의 패턴으로 콜백 함수를 사용하는데, 전통적인 콜백 패턴은 아래와 같은 몇가지 단점이 존재한다.콜백 헬로 인해 가독성이 나쁘다.비동기 처리 중 발생한 에러의 처리가 곤란하다.✔️ setTimeout 함수의 콜백 함수가 실행될 때 s

얕은 복사(shallow copy) : 객체의 참조(주소) 값을 복사하는 것. 1 depth까지만 복사하며, 객체에 중첩되어 있는 객체의 경우 참조 값을 복사한다.깊은 복사(deep copy) : 객체의 실제 값을 복사하는 것. 객체에 중첩된 객체까지 모두 복사한다.s

객체의 프로퍼티를 변경했을 때 기본형 데이터를 복사한 변수 b의 값을 바꿨을 때, 해당 데이터 참조 값(주소) 자체가 변경되는 반면, 참조형 데이터를 복사한 변수 obj2의 프로퍼티를 바꾸면 참조 값이 가리키는 객체의 프로퍼티가 저장된 곳의 참조 값이 바뀔 뿐, 변수