728x90 300x250 SMALL 리액트개발2 react-router-dom개념 완벽이해 react-router-dom은 React 애플리케이션에서 클라이언트 측 라우팅을 구현하기 위해 사용되는 라이브러리이다. 이 라이브러리를 사용하면 단일 페이지 애플리케이션(SPA)에서 페이지 이동을 쉽게 관리할 수 있다.한마디로 페이지 전환을 위한 필수적인 패키지이다. 주요 개념1. 라우팅(Routing)사용자가 입력한 URL에 따라 적절한 React 컴포넌트를 렌더링 하는 작업을 말한다.예를 들어, /home URL로 이동하면 Home컴포넌트가 렌더링 되고, /about URL로 이동하면 About 컴포넌트가 렌더링 된다. 2. SPA에서의 라우팅React 애플리케이션은 SPA구조를 가지기 때문에 페이지 이동시 전체 페이지를 새로고침하지 않는다.대신 URL만 변경하고 필요한 컴포넌트를 동적으로 렌더링 .. 2025. 3. 2. Props Drilling 문제란? Props Drilling 문제란?React에서 부모 컴포넌트의 상태(state)를 자식 → 손자 → 증손자 컴포넌트로 계속 props를 통해 전달해야 하는 문제를 Props Drilling이라고 한다.즉, 상태를 직접 사용하지 않은 중간 컴포넌트도 불필요하게 props를 전달해야 하는 비효율적인 상황이 발생한다.Props Drilling 문제 예제문제 상황 : 중간 컴포넌트까지 필요 없이 props를 전달 해야 함import React, { useState } from "react";// 부모 컴포넌트 (최상단에서 상태를 관리)const Parent = () => { const [count, setCount] = useState(0); return ( 부모.. 2025. 2. 4. 이전 1 다음 728x90 반응형 LIST