# JavaScript_DeepDive
JavaScript) DOM _ 1
브라우저의 렌더링 엔진은 HTML 문서를 파싱하여 브라우저가 이해할 수 있는 자료구조인 DOM을 생성한다. DOM은 HTML 문서의 계층적 구조와 정보를 표현하며 이를 제어할 수 있는 API, 즉 프로퍼티와 메서드를 제공하는 트리 자료구조다.HTML 요소는 HTML 문
0921 <JavaScript Deep Dive> 스터디 6주차
JavaScript Deep Deiv 책을 읽고 퀴즈를 만들어 함께 푸는 스터디 입니다. 그때 그때 노션에 정리해 둔 것들을 복습하며 포스팅합니다. > 범위 Chapter 19, 20, 21
0914 <JavaScript Deep Dive> 스터디 5주차
JavaScript Deep Deiv 책을 읽고 퀴즈를 만들어 함께 푸는 스터디 입니다. 그때 그때 노션에 정리해 둔 것들을 복습하며 포스팅합니다.범위 Chapter 19, 20, 211-1. 프로토타입 객체는 객체 간 (상속)을 구현하기 위해 사용된다1-2. 모든 객
JavaScript) 브라우저의 렌더링 과정
브라우저의 렌더링 과정 >구글의 V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임 환경인 Node.js의 등장으로 자바스크립트는 웹 브라우저를 벗어나 서버 사이드 애플리케이션 개발에서도 사용할 수 있는 범용 개발 언어가 되었다. 대부분의 프로그래밍 언어는 운영체제
JavaScript) Set과 Map_Map
Map 2. Map Map 객체는 키와 값의 쌍으로 이루어진 컬렉션이다. Map 객체는 객체와 유사하지만 다음과 같은 차이가 있다. |구분|객체|Map객체| |--|:--:|:--:| |키로 사용할 수 있는 값|문자열 또는 심벌 값|객체를 포함한 모든 값| |이터
0831 <JavaScript Deep Dive> 스터디
1. 종한 다음 코드의 실행 결과를 예측해보고 그 이유를 설명해보세요. 1-1. var 종한님 답: → var, let (const도 동일) 모두 동일하게 foo, bar 에서 1 출력 → JS는 렉시컬 스코프 (함수를 어디서 정의했는지에 따라 함수의 상위 스코프
0817 <JavaScript Deep Dive> 스터디
100이 score에 할당이 된다.모범 답안값을 저장할 때 확보 해야하는 메모리 공간의 크기를 결정하기 위해값을 참조할 때 한 번에 읽어 들여야 할 메모리 공간의 크기를 결정하기 위해메모리에서 읽어 들인 2진수를 어떻게 해석할지 결정하기 위해모범답안 변수 선언은 런타
JavaScript) Set과 Map_Set
Set 객체는 중복되지 않는 유일한 값들의 집합이다. Set 객체는 배열과 유사하지만 차이가 있다.Set 객체의 특성 1\. 수학적 집합의 특성과 일치한다. 2\. 수학적 집합을 구현하기 위한 자료구조다. 3\. Set을 통해 교집합, 합집합, 차집합, 여집합
JavaScript) 디스트럭처링 할당
디스트럭처링 할당은 구조화된 배열과 같은 이터러블 또는 객체를 destructuring(비구조화, 구조 파괴)하여 1개 이상의 변수에 개별적으로 할당하는 것을 말한다. 배열과 같은 이터러블 또는 객체 리터럴에서 필요한 값만 추출하여 변수에 할당할 때 유용하다.ES5에서
JavaScript) 스프레드 문법
ES6에서 도입된 스프레드 문법(전개 문법) ... 은 하나로 뭉쳐 있는 여러 값들의 집합을 펼쳐서 개별적인 값들의 목록으로 만든다. 스프레드 문법을 사용할 수 있는 대상은 Array, String, Set, DOM 컬렉션(NodeList, HTMLCollection)
JavaScript) 이터러블
ES6에서 도입된 이터레이션 프로토콜은 순회 가능한 데이터 컬렉션(자료구조)을 만들기 위해 ECMAScript 사양에 정의하여 미리 약속한 규칙이다.ES6 이전의 순회 가능한 데이터 컬렉션, 즉 배열, 문자열, 유사 배열 객체, DOM 컬렉션 등은 통일된 규약없이 각자
JavaScript) Symbol
심벌은 ES6에서 도입된 7번째 데이터 타입으로 변경 불가능한 원시 타입의 값이다. 심벌 값은 다른 값과 중복되지 않는 유일무이한 값이다. 따라서 주로 이름의 충돌 위험이 없는 유일한 프로퍼티 키를 만들기 위해 사용한다.심벌 값은 Symbol 함수를 호출하여 생성한다.
JavaScript) String
String >표준 빌트인 객체인 String은 원시 타입인 문자열을 다룰 때 유용한 프로퍼티와 메서드를 제공한다. 1. String 생성자 함수 >표준 빌트인 객체인 String 객체는 생성자 함수 객체다. 따라서 new 연산자와 함께 호출하여 String 인스턴
JavaScript) RegExp
정규 표현식은 일정한 패턴을 가진 문자열의 집합을 표현하기 위해 사용하는 형식 언어다. 정규 표현식은 자바스크립트의 고유 문법이 아니며, 대부분의 프로그래밍 언어와 코드 에디터에 내장되어 있다. 정규 표현식은 문자열을 대상으로 패턴 매칭 기능을 제공한다. 패턴 매칭 기
JavaScript) Date
표준 빌트인 객체인 Date는 날짜와 시간을 위한 메서드를 제공하는 빌트인 객체이면서 생성자 함수다.Date는 생성자 함수다. Date 생성자 함수로 생성한 Date 객체는 내부적으로 날짜와 시간을 나타내는 정수값을 갖는다. Date 생성자 함수로 객체를 생성하는 방법
JavaScript) Math
표준 빌트인 객체인 Math는 수학적인 상수와 함수를 위한 프로퍼티와 메서드를 제공한다. Math는 생성자 함수가 아니다. 따라서 Math는 정적 프로퍼티와 정적 메서드만 제공한다.원주율 PI값을 반환한다.Math.abs 메서드는 인수로 전달된 숫자의 절대값을 반환한다
[JavaScript 스터디] 모던 자바스크립트 Deep Dive 1장 요약
아래의 내용은 필자가 자바스크립트 스터디를 진행하면서 공부하고 정리한 내용을 요약한 것입니다.프로그래밍이란 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션이다.커뮤니케이션을 할 때, 요구되는 것이 문제 해결 능력이다.프로그래밍이란 기계가 실행할 수 있을 정도로 정확하게
JavaScript) Number
Number 1 1. Number 생성자 함수 >표준 빌트인 객체인 Number 객체는 생성자 함수 객체다. 따라서 new 연산자와 함께 호출하여 Number 인스턴스를 생성할 수 있다. Number 생성자 함수에 인수를 전달하지 않고 new 연산자와 함께 호출하면
JavaScript) 배열3 - 고차함수
함수형 프로그래밍은 순수 함수와 보조 함수의 조합을 통해 로직 내에 존재하는 조건문과 반복문을 제거하여 복잡성을 해결하고 변수의 사용을 억제하여 상태 변경을 피하려는 프로그래밍 패러다임이다. 조건문이나 반복문은 로직의 흐름을 이해하기 어렵게하여 가독성을 해치고, 변수는
JavaScript) 배열2 - 메서드
자바스크립트는 배열을 다룰 때 유용한 다양한 빌트인 메서드를 제공한다. Array 생성자 함수는 정적 메서드를 제공하며, 배열 객체의 프로토타입인 Array.prototype은 프로토타입 메서드를 제공한다. 배열 메서드는 결과물을 반환하는 패턴이 두 가지이므로 주의가