FE

클로저는 함수가 선언될 때의 스코프를 기억하여, 함수가 생성된 이후에도 그 스코프에 접근할 수 있는 기능을 말한다. 비유하자면, 함수가 자신이 생성된 환경을 '기억'하는 것이라고 할 수 있다. 클로저는 자바스크립트의 함수가 일급 객체라는 특성과 렉시컬 스코프의 조합으로

실행 컨텍스트가 뭐지?????

reflow와 repaint는 웹 페이지가 렌더링 되는 과정에서 발생하는 중요한 작업들이다.

tanstack-query에서 staleTime과 gcTime은 데이터를 캐싱하고 관리하는 데 중요한 두 가지 설정 값이다.staleTime은 데이터가 얼마나 오래 '신선한 상태'로 유지되는지를 정하는 시간이고, gcTime은 해당 쿼리를 사용하는 곳이 없게 된 이후에

자바스크립트의 이벤트 루프

리액트의 props와 state에 대해서 알아봅시다

Controlled Component Controlled Component는 리액트 상태(state)를 통해 입력 값을 제어하는 컴포넌트를 말한다. 이 방식에서는 입력 요소의 값(value)을 리액트 상태와 동기화하고, 사용자가 입력을 변경할 때마다 onChange 이

리액트에서 성능 최적화

브라우저 렌더링 파이프라인이 뭔디?!?!

사용자가 www.google.com을 입력하면, 컴퓨터는 142.250.196.100같은 숫자 주소(IP)만 알아듣기 때문에, 브라우저는 먼저 이 도메인 이름을 IP 주소로 변환해야 한다. 이 과정을 DNS 조회(DNS Lookup)라고 한다. 브라우저는 캐시된 DNS

리액트의 Strict Mode 리액트에서 StrictMode는 주로 개발 중에 발생할 수 있는 잠재적인 문제를 사전에 감지하고 예방하기 위해 사용한다. 1. 오래된 라이프사이클 메서드와 비권장 API의 사용을 감지 componentWillMount(), componen

리액트의 렌더링 과정은 크게 두 가지 단계로 render phase와 commit phase로 나눌 수 있다. render phase는 리액트가 변화된 상태나 props에 따라 어떤 UI가 변경되어야 할지를 결정하는 단계이다. 이 과정에서는 실제로 DOM을 업데이트하지

MSW good..

사파리 이자식..