WEB/React2 React - Context Hook ContextContext란 리액트 컴포넌트에서 props 없이 전역적으로 값을 공유할 수 있게 해 준다. Context 사용하기 1. Context 생성import React, { createContext, useContext, useState } from 'react';const MyContext = createContext(); //createContext() 함수를 사용해 생성함 MyContext는 Provider와 Consumer를 제공한다.근데 보통 Provider를 사용해 값을 공급하고, Consumer는 useContext를 대체할 수 있다. 2. Context Provider로 값 전달하기Provider 컴포넌트를 사용해 하위 컴포넌트에게 값을 전달해준다.value를 넣으면 그 값을 .. 2025. 5. 9. React 라우터(Router) 설정하기 오늘은 React 라우터 설정하는 법에 대해서 알아보자~라우터란 무엇일까?라우트는 사용자가 특정 URL로 이동했을 때, 어떤 컴포넌트를 보여줄지 결정하는 경로를 의미한다한마디로 요약하자면 페이지 전환을 관리하는 역할을 담당한다! React Router에서 라우트 사용법React에서는 react-router-dom 라이브러리를 사용해서 라우팅을 구현한다.다운로드터미널 창을 켜서 다음과 같은 명령어를 입력해서 다운로드 받는다.npm install react-router-dom 1. index.jsimport { BrowserRouter } from 'react-router-dom';index.js 파일에 BrowserRouter를 import 받기! 2. App.jsimport { BrowserRouter.. 2025. 3. 30. 이전 1 다음
