잠시만 기다려 주세요.
React.Fragment를 사용합니다. 🧩Props를 통해 컴포넌트 간에 데이터를 전달하며, children prop은 감싸진 컴포넌트를 전달하여 컴포지션에 유용합니다. 🎁key prop은 각 컴포넌트를 고유하게 식별하여 리액트 내부 최적화에 사용됩니다. 🔑useState 훅을 사용하며, 이는 상태 변수와 업데이트 함수를 반환합니다. 🔄useState), 외부 시스템 연결(useEffect), 전역 컨텍스트(useContext), DOM 참조(useRef), 성능 최적화(useMemo, useCallback) 등 다양한 기능을 제공합니다. 🎣useEffect 훅은 이벤트 핸들러 외부에서 브라우저 API 호출이나 서버 요청과 같은 외부 시스템과의 상호작용(이펙트)을 처리합니다. 🌐useRef 훅과 ref prop을 사용하여 실제 DOM 요소에 직접 접근하고 조작할 수 있습니다. 🎯Context는 prop drilling 없이 컴포넌트 트리를 통해 데이터를 전역적으로 전달하는 강력한 방법입니다. 🌳Portals는 리액트 컴포넌트를 부모 컴포넌트의 DOM 계층 외부의 HTML 요소로 렌더링할 수 있게 합니다(예: 모달). 🚪Suspense는 데이터 로딩 중 폴백 UI(예: 로딩 스피너)를 표시하여 사용자 경험을 개선합니다. ⏳Error Boundaries는 자식 컴포넌트 트리에서 발생하는 오류를 포착하고 앱 전체가 중단되는 것을 방지하며 대체 UI를 보여줍니다. 🛡️Recommanded Videos
2025. 5. 20.
2025. 6. 9.
2025. 2. 24.
2024. 9. 16.
2025. 1. 5.
2025. 11. 28.