위클리페이퍼

가끔씩 CSS의 속성값은 정확히 작성해줬는데 실제로 웹 내에서 확인했을 때, 내가 설정한 값으로 디자인이 나오지 않을 때가 있었다. 왜 이런 현상이 일어나는 지 궁금하여 찾아본 결과, CSS는 Cascading이란 규칙을 따르고 있다는 것을 알게되었다. 그럼 Casc

시맨틱 태그 (Semantic Tag)는 포함된 콘텐츠의 특정 의미를 정의하고 목적을 갖는 태그이다.

Git Flow는 대규모 프로젝트나 정기적인 배포 주기를 가진 소프트웨어 개발 프로세스를 위한 표준적인 브랜칭 전략입니다.

Git에서 분기된 브랜치(Branch)를 하나로 합치는 과정인 병합에는 크게 Merge, Squash & Merge, Rebase & Merge 세 가지 방식이 존재합니다.

자바스크립트에서 this는 다른 프로그래밍 언어와 달리 함수가 호출되는 방식에 따라 동적으로 결정됩니다.

렉시컬 스코프(Lexical Scope)는 함수를 어디서 호출했는지가 아니라, 코드상에서 어디에 선언했는지에 따라 그 함수의 스코프(변수 유효 범위)가 결정되는 방식을 말합니다.

🚀 var, let, const 완벽 비교 정리 자바스크립트에서 변수를 선언할 때 사용하는 var, let, const의 차이점을 4가지 핵심 기준(재선언, 재할당, 스코프, 호이스팅)으로 비교해봤습니다.

자바스크립트에서 Number, String 같은 원시 타입(Primitive Type)은 값을 그대로 복사합니다. 하지만 객체(Object)나 배열(Array) 같은 참조 타입(Reference Type)은 변수에 값이 아닌 메모리 주소(참조값)가 저장됩니다.

Virtual DOM은 쉽게 말해 실제 브라우저 DOM의 '가벼운 복사본' 혹은 '설계도'라고 할 수 있다.웹 페이지를 구축하는 실제 DOM(Document Object Model)은 HTML 요소들을 트리 구조로 표현한 객체이다.

React의 렌더링은 컴포넌트가 props와 state를 통해 UI를 어떻게 구성할지 컴포넌트에게 요청하는 작업이다. 그래서 크게 트리거, 리액트 렌더링, 브라우저 렌더링 순으로 렌더링이 이루어진다.

컴포넌트는 UI를 구성하는 독립적이고 재사용 가능한 블록이다. 웹 페이지를 만들 때 헤더, 사이드바, 본문, 버튼 등을 각각 하나의 '블록'처럼 만들고, 이 블록들을 조립하여 전체 화면을 완성하는 방식이다.

useMemo와 useCallback이 무엇인지, 남용할 경우 발생할 수 있는 문제점

React에서 배열을 렌더링할 때 key prop을 설정하는 것은 성능 최적화와 애플리케이션의 안정성을 위해 매우 중요하다.

데이터베이스 정규화(Normalization)는 관계형 데이터베이스에서 데이터의 중복을 최소화하고 무결성을 유지하기 위해 데이터를 구조화하는 과정이다.

React 컴포넌트는 사람이 태어나고 죽는 것처럼, 화면에 생성되어 나타났다가 사라질 때까지의 과정을 거치며 이를 생명주기(Lifecycle)라고 부른다.