리액트 공부
1.vscode 통합터미널 npm 실행 오류 해결
2.React 18 에서 새로 도입된 createRoot 란..?
createRoot는 React 18에서 도입된 새로운 렌더링 방식을 시작하는 함수입니다.기존의 ReactDOM.render()를 대체하며, React 애플리케이션의 최상위(root) 요소를 생성하고 렌더링을 담당합니다. 애플리케이션의 "루트(root)"를 생성 d
3.react 외부 접속 허용
vite.config.js 에 아래 항목 추가할 것
4.React 에서 입력값을 받는 방식
아닙니다. React에서는 입력값을 받는 방식이 여러 가지가 있으며, 꼭 value와 onChange를 설정해야 하는 것은 아닙니다. React에서 <input>을 사용할 때는 제어 컴포넌트(Controlled Component) 와 비제어 컴포넌트(Uncont
5.리액트 Route 컴포넌트는 HTML 태그로 변환되는가..?
React Router에서 <Route> 컴포넌트는 HTML 태그로 직접 변환되지 않습니다. 대신, 특정 경로에 해당하는 컴포넌트를 렌더링하는 역할을 합니다. 하지만, 페이지 이동을 위한 링크 역할을 하는 것은 <Route>가 아니라 <Link> 또는
6.<Link> <Route> 의 일반적인 구조
네, 맞습니다! React Router에서 <Link>와 <Route>를 사용할 때의 일반적인 구조는 다음과 같습니다. 📌 기본적인 구조: HTML에서는 <ul>(목록) 안에 <li>(목록 항목)만 올 수 있지만,<li> 안에는 어떤 태
7.<Link to>, useNavigate 페이지 이동 차이
<Link to>와 useNavigate는 React Router에서 페이지 이동을 처리하는 두 가지 방법으로, 각각의 용도와 차이점이 있습니다. 둘의 주요 차이점은 주로 컴포넌트 기반 접근과 함수 기반 접근에 있습니다.<Link> 컴포넌트는 UI 요소로,
8.Box VS Container
Box와 Container는 모두 레이아웃과 스타일링을 다루는 Joy UI 및 Material-UI에서 제공하는 컴포넌트입니다. 둘은 비슷한 용도로 사용될 수 있지만, 몇 가지 중요한 차이가 있습니다.Box는 div와 유사한 역할을 하는 기본적인 레이아웃 구성 요소입니
9.라우터 Link 관련 삽질
페이지 전환을 위해서 라우터 설정을 했는데,전환이 안되길래.. 오류를 여기저기 찾아봤으나, 도저히 잘못된 부분을 찾지 못하였다.문법사용 문제없고, path 도 일치했고, 라우터 감싸주는 부분도 문제가 없었다.결국 찾아서 해결된 부분은..Link 컴포넌트 import 를