38장 브라우저의 렌더링 과정

브라우저는 다음과 같은 과정을 거처 렌더링을 수행한다.1\. 브라우저는 HTML, CSS, JS, IMAGE, FONT 등 렌더링에 필요한 리소스를 요청하고 서버로부터 응답을 받는다2\. 브라우저의 렌더링 엔진은 서버로부터 응답된 HTML과 CSS를 파싱하여 DOM과

5일 전
·
0개의 댓글
·

37장 Set과 Map

Set 객체는 중복되지 않는 유일한 값들의 집합이다.Set은동일한 값을 중복하여 포함할 수 없다요소 순서에 의미가 없다인덱스로 요소에 접근할 수 없다Set 객체는 Set 생성자 함수로 생성한다.Set 생성자 함수는 이터러블을 인수로 전달받아 Set 객체를 생성한다. 이

2024년 2월 20일
·
0개의 댓글
·

36장 디스트럭처링 할당

디스트럭처링 할당 : 구조화된 배열과 같은 이터러블 또는 객체를 비구조화하여 1개 이상의 변수에 개별적으로 할당 하는 것배열과 같은 이터러블 또는 객체 리터럴에서 필요한 값만 추출하여 변수에 할당할 때 유용하다.배열 디스트럭처링 할당은 배열의 각 요소를 배열로부터 추출

2024년 2월 15일
·
0개의 댓글
·

35장 스프레드 문법

ES6에서 도입된 스프레드 문법 ... 은 하나로 뭉쳐 있는 여러 값들의 집합을 펼쳐서 개별적인 값들의 목록으로 만든다.스프레드 문법을 사용할 수 있는 대상은 Array, String, Map, Set, DOM컬렉션, arguments 와 같이 for...of 문으로

2024년 2월 15일
·
0개의 댓글
·

34장 이터러블

ES6에서 도입된 이터레이션 프로토콜은 순회 가능한 데이터 컬렉션(자료구조)을 만들기 위해 ECMAScript 사양에 정의하여 미리 약속한 규칙이다.ES6 이전에는 순회가능한 데이터 컬렉션(배열, 문자열, 유사배열객체, DOM 컬렉션 등)은 for문, for...in문

2024년 2월 14일
·
0개의 댓글
·

33장 7번째 데이터 타입 Symbol

심벌 : ES6에서 도입된 7번째 데이터 타입으로 변경 불가능한 원시 타입의 값이다.주로 이름의 충돌 위험이 없는 유일한 프로퍼티 키를 만들기 위해 사용한다.심벌 값은 Symbol 함수를 호출하여 생성한다.다른 데이터 타입과 다르게 리터럴 표기법으로 생성할 수 없다.이

2024년 2월 13일
·
0개의 댓글
·

32장 String

String 객체는 생성자 함수 객체다.String 생성자 함수에 인수를 전달하지 않고 new 연산자와 함께 호출하면 \[StringData] 내부 슬롯에 빈 문자열을 할당한 String 래퍼 객체를 생성한다.String 생성자 함수를 new 연산자와 함께 호출 하면

2024년 2월 6일
·
0개의 댓글
·

31장 RegExp

정규 표현식 : 일정한 패턴을 가진 문자열의 집합을 표현하기 위해 사용하는 형식 언어.자바스크립트의 고유 문법이 아니며, 대부분의 프로그래밍 언어와 코드 에디터에 내장되어 있다.문자열을 대상으로 패턴 매칭 기능을 제공한다.패턴 매칭 기능 : 특정 패턴과 일치하는 문자열

2024년 2월 6일
·
0개의 댓글
·

30장 Date

날짜와 시간을 위한 메서드를 제공하는 빌트인 객체이면서 생성자 함수다.UTC는 국제 표준시이고, KST는 UTC에 9시간을 더한 시간이다.현재 날짜와 시간은 자바스크립트 코드가 실행된 시스템의 시계에 의해 결정된다.1970년 1월 1일 00:00:00(UTC)을 기점으

2024년 2월 1일
·
0개의 댓글
·

29장 Math

원주율 PI 값을 반환한다.인수로 전달된 숫자의 절대값을 반환한다.절대값은 반드시 0 또는 양수이어야 한다.인수로 전달된 숫자의 소수점 이하를 반올림한 정수를 반환한다.인수로 전달된 숫자의 소수점 이하를 올림한 정수를 반환한다.인수로 전달된 숫자의 소수점 이하를 내림한

2024년 2월 1일
·
0개의 댓글
·

28장 Number

표준 빌트인 Number 객체는 생성자 함수 객체다.new 연산자와 함께 호출하여 Number 인스턴스를 생성할 수 있다.Number 생성자 함수를 호출하면 \[NumberData] 내부 슬롯에 인수를 할당해 Number 래퍼 객체를 생성한다.인수를 전달하지 않으면,

2024년 1월 30일
·
0개의 댓글
·

27장 배열

배열은 여러 개의 값을 순차적으로 나열한 자료구조다.자바스크립트의 모든 값은 배열의 요소가 될 수 있다.배열의 요소는 배열에서 자신으 위치를 나타내는 0 이상의 정수인 인덱스를 갖는다.배열은 배열의 길이를 나타내는 length 프로퍼티를 갖는다.인덱스와 length를

2024년 1월 28일
·
0개의 댓글
·

26장 ES6 함수의 추가 기능

ES6 이전의 모든 함수는 일반 함수로서 호출할 수 있는 것은 물론 생성자 함수로서 호출할 수 있다.ES6 이전의 모든 함수는 callable 이면서 construcot다. 메서드라고 부르던 객체에 바인딩된 함수도 callable이며 constructor다.ES6 이전

2024년 1월 23일
·
0개의 댓글
·

25장 클래스

자바스크립트는 프로토타입 기반 객체지향 언어다.프로토타입 기반 객체지향 언어는 클래스가 필요 없는 객체 지향 프로그래밍 언어다. ES5에서는 클래스 없이도 생성자 함수와 프로토타입을 통해 객체지향 언어의 상속을 구현할 수 있다.하지만, 클래스 기반 언어에 익숙한 프로그

2024년 1월 17일
·
0개의 댓글
·

24장 클로저

클로저는 자바스크립트 고유의 개념이 아니므로 클로저의 정의가 ECMAScript 사양에 등장하지 않는다.렉시컬 스코프 : 함수를 어디서 호출했는지가 아니라 함수를 어디에 정의했는지에 따라 상위 스코프를 결정함.렉시컬 환경의 "외부 렉시컬 환경에 대한 참조"에 저장할 참

2024년 1월 16일
·
0개의 댓글
·

23장 실행 컨텍스트

자바스크립트의 동작 원리를 담고 있는 핵심 개념ECMAScript 사양은 소스코드를 4가지 타입으로 구분한다.4가지 타입의 소스코드는 실행 컨텍스트를 생성한다전역 코드 : 전역에 존재하는 소스코드. 전역에 정의된 함수, 클래스 등의 내부 코드는 포함 되지 않음.함수 코

2024년 1월 15일
·
0개의 댓글
·

22장 this

this는 자신이 속한 객체 또는 자신이 생선한 인스턴스를 가리키는 자기 참조 변수다.this를 통해 자신이 속한 객체 또는 자신이 생성할 인스턴스의 프로퍼티나 메서드를 참조할 수 있다.함수를 호출하면 arguments 객체와 this가 암묵적으로 전달되고, this도

2024년 1월 14일
·
0개의 댓글
·

21장 빌트인 객체

표준 빌트인 객체 : ECMAScript 사양에 정의된 객체. 애플리케이션 전역의 공통 기능 제공. 자바스크립트 실행 환경과 관계 없이 언제나 사용할 수 있음. 전역 객체의 프로퍼티로서 제공되며, 별도의 선언 없이 전역 변수처럼 언제나 참조 가능.호스트 객체 : ECM

2024년 1월 11일
·
0개의 댓글
·

20장 strict mode

위의 코드에서 x의 값을 찾기 위해서, x변수가 어디에 선언되었는지 스코프 체인을 통해 검색하기 시작한다.foo 함수 스코프에서 찾지 못하였기 때문에, 상위 스코프인 전역 스코프에서 검색을 한다.전역 스코프에서도 선언된 것을 찾을 수 없기 때문에 ReferenceErr

2024년 1월 6일
·
0개의 댓글
·

19장 프로토타입

객체 : 속성을 통해 여러 개의 값을 하나의 단위로 구성한 복합적인 자료구조. 상태 데이터와 동작을 하나의 논리적인 단위로 묶은 복합적인 자료구조.객체의 상태 : 프로퍼티동작 : 메서드객체지향 프로그래밍 : 독립적인 객체의 집합으로 프로그램을 표현하려는 프로그래밍 패러

2023년 12월 27일
·
0개의 댓글
·