🦎JavaScript

7) 브라우저 렌더링 원리에 대해서 설명해보세요. 브라우저 렌더링은 HTML, CSS, JavaScript 등의 웹 페이지 자원을 브라우저가 화면에 그리는 과정을 말합니다. 브라우저 렌더링 원리와 순서는 크게 다음과 같은 단계로 구성됩니다. 먼저 DOM을 생성합니다.

불필요한 렌더링은 성능을 저하시킨다. 브라우저 렌더링 과정을 이해했으니 이어서 렌더링을 최적화하는 방법에 대해서 알아보자!DOM 노드의 레이아웃 위치와 크기를 다시 계산하여 렌더 트리를 재생성하는 과정Reflow가 발생하면 Repaint까지 발생하게 되므로 큰 비용이

자바스크립트의 타입은 원시 타입과 참조 타입으로 나눠진다. 자바스크립트가 이렇게 나눈 이유가 무엇일까? 그 이유는 두 타입은 값이 저장되거나 복사되는 과정이 서로 다르기 때문이다. Boolean, String, Number, null, undefined, Symbol값

ES6에서 새롭게 등장한 let과 const 키워드와 이전에 사용했던 var의 차이점에 대해서 정리해 보았다. 변하는 값을 저장하는 공간(데이터 공간)값을 위치를 가리키는 상징적인 이름메모리 공간 식별더 이야기하자면...변수를 통해서 안전하게 값에 접근중복을 줄이려고

호이스팅이란 모든 선언문이 스코프의 최상단으로 끌어올려진 것처럼 동작하는 것이다. 자바스크립트 해석기는 런타임 이전에 변수와 함수 선언에 대한 정보를 기억하고 실행한다.var 키워드로 선언한 변수는 런타임 이전에 암묵적으로선언 단계와 초기화 단계가 한 번에 진행된다.

스코프 스코프란 식별자를 참조할 수 있는 유효한 범위다. 자바스크립트에서 스코프가 어떻게 동작하는지 알아보자! 🚩스코프란 모든 식별자는 자신의 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할 수 있는 유효 범위가 결정된다. 즉, 스코프는 식별자를 참조할 수

 💡 가비지 콜렉터란 애플리케이션이 할당한 메모리 공간을 주기적으로 검사하여 더 이상 사용되지 않는 메모리를 해제하는 기능을 말한다. 더 이상 사용되지 않는 메모리란 간단히 말하자면 어떤 식별자도 참조하지 않는 메모리 공간을 의미한다.자바스크립트는 가비지 콜렉터를 내

자바스크립트에서 중요한 개념 중에 하나인 클로저. 중요한 만큼 어렵게 느껴지는 개념이다. 클로저의 원리와 어떤 상황에서 사용되는지 알아보자! 클로저(Closure) 클로저란 함수와 함수가 선언된 렉시컬 환경의 조합이다. 다소 어렵게 느껴지는 이 의미를 풀어서 알아

메서드를 상황에 맞게 잘 활용하는 것도 실력이다. 배열 메서드를 어떻게 사용하는지 알아보자.map() 메서드는 callback 함수로 각각의 요소를 한 번씩 순차적으로 순회하며 해당 함수의 반환값으로 새로운 배열을 만든다. 즉, 함수를 받아 특정 기능을 시행하고 새로운

Date 객체 생성 > ### new Date() new Date() 생성자로 호출할 경우 새로운 Date 객체를 반환 매개변수 없음: 생성 순간의 날짜와 시간을 나타내는 Date 객체 생성(현재 시간) 타임 스탬프 >### getTime() 특정 시간이 "197

기존 메서드 sort(), reverse(), splice() 사용하는 대신 새로나온 메서드인 toSorted(), toReverse(), toSpliced(), with() 를 사용한다.리액트 문서에서도 원본 배열을 변경하는 것을 금지한다. 왜냐하면 리액트에서는 상태