Categories

PNPM workspace를 활용한 Monorepo 구조에서 Next.js 앱라우트 프로젝트, 디자인 시스템을 설정하는 방법을 정리한 가이드

React Context와 createPortal을 이용해 여러 개의 모달을 손쉽게 관리하는 방법을 A–Z로 풀어봅니다. ESC 닫기, 백드롭, zIndex 자동 계산, 스크롤 잠금까지 한 번에

웹 워커의 기본 개념과 동작 원리를 알아보고, React와 Vite 환경에서 간단한 예제를 통해 웹 워커를 사용하는 방법을 소개합니다.

React에서 DOM 엘리먼트에 접근하거나, 렌더링과 관련되지 않는 값을 관리하기 위해 사용되는 useRef 훅에 대해 알아봅니다.

Next.js에서 서버 컴포넌트와 클라이언트 컴포넌트의 렌더링 차이, 데이터 처리 방식, 최적화된 렌더링 단계별 과정 및 활용 방법을 설명합니다.

React에서 컴포넌트의 라이프사이클과 부수 효과를 관리하기 위해 사용되는 useEffect 훅에 대해 자세히 알아봅니다.

React의 가장 기본적인 훅인 useState에 대해 자세히 알아보고, 사용 방법과 주의점, 예제까지 모두 살펴봅니다.

클로저와 렉시컬 스코프를 이해하고, 이를 활용한 상태 관리 방법과 클래스 기반 상태 관리와의 차이를 알아봅니다.