buffso 님의 블로그

리액트의 렌더링 방식Virtual DOM 사용: 리액트는 메모리에서 관리되는 가상 DOM을 사용해 렌더링 최적화.변경 사항 감지: 상태(State)나 속성(Props) 변경 시 Virtual DOM에서 변경 사항 계산 후 실제 DOM과 비교(diffing).Reconciliation: 변경 사항을 실제 DOM에 반영하는 과정으로, 최소한의 DOM 조작으로 성능 최적화.렌더링 과정: 컴포넌트의 render 함수 또는 함수형 컴포넌트에서 JSX 반환 후 Virtual DOM에 반영.업데이트: 상태나 속성 변경 시 필요한 컴포넌트만 다시 렌더링하여 효율적 업데이트. Virtual DOM이란? 사용하는 이유Virtual DOM이란?리액트가 사용하는 가볍고 메모리 내에서 관리되는 가상 DOM.실제 DOM과 1:1..

JavaScript의 변수 선언 방식 비교 : var, let, const 1. var스코프(Scope): 함수 스코프호이스팅(Hoisting): 변수 선언이 최상단으로 끌어올려짐, 초기화 전에는 undefined재선언 가능: 동일 스코프 내에서 여러 번 재선언 가능예제:function exampleVar() { console.log(x); // undefined (호이스팅 발생) var x = 10; console.log(x); // 10 var x = 20; // 재선언 가능 console.log(x); // 20}exampleVar();2. let스코프(Scope): 블록 스코프호이스팅(Hoisting): 호이스팅되지만 초기화는 선언 위치에서 이루어짐, 초기화 전 접근 시..

브라우저가 어떻게 동작하는지 설명해 주세요 브라우저는 사용자가 입력한 URL(웹 주소)을 통해 웹 서버에 요청을 보내고, 서버로부터 HTML, CSS, JavaScript 등의 파일을 받아와서 이를 렌더링해 화면에 표시합니다.URL 입력 및 요청 전송: 사용자가 브라우저의 주소창에 URL을 입력하고 엔터를 누르면, 브라우저는 이 URL을 해석하여 해당 웹 사이트의 서버로 HTTP 또는 HTTPS 요청을 보냅니다.DNS 조회: 브라우저는 도메인 네임 시스템(DNS)을 이용해 입력된 도메인 이름을 서버의 IP 주소로 변환합니다.서버와의 연결: DNS를 통해 IP 주소를 확인한 브라우저는 이 주소를 통해 웹 서버에 접속하고, HTTP 요청을 전송합니다. 이 요청은 사용자가 원하는 특정 웹 페이지를 요청하는 내..

CSS의 CascadingCSS에서 "Cascading"이란 스타일 규칙이 충돌할 때, 어떤 규칙이 적용될지를 결정하는 우선순위 체계를 의미합니다. "Cascading"이라는 용어는 "폭포처럼 내려간다"는 의미에서, 여러 스타일 규칙이 적용될 때 순서대로 내려오면서 적용된다는 것을 비유적으로 설명한 것입니다.Cascading의 주요 개념우선순위(Specificity):CSS에서 특정 요소에 적용되는 여러 규칙이 있을 때, 우선순위에 따라 어떤 규칙이 적용될지 결정됩니다. 우선순위는 선택자의 타입에 따라 결정되며, 인라인 스타일 > ID 선택자 > 클래스, 속성, 가상 클래스 선택자 > 태그 선택자의 순으로 우선순위가 높습니다.예를 들어, id 선택자가 class 선택자보다 높은 우선순위를 가집니다.출처(..