[React] React Error / is not a <Route> component react router로 페이지 이동 작업을 하다 에러가 났습니다. react-router-dom v6부터는 Switch 대신 Routes를, Route 안에 component 대신 element를 사용합니다. + 자식으로는 만 가능합니다. 그래서 위와 같이 작성하면 자꾸 에러가 발생합니다.. 과 가 있어서 에러 발생.. :( 위처럼 element로 사용해줘야 작동합니다. React 2023.11.19
[React] 리액트 시작하기 1, 리액트 컴포넌트 만들기 새로운 파일을 생성해줍니다. 파일 이름은 임의 test로 하고 js 형식으로 저장합니다. 리액트 컴포넌트를 만들 때는 import로 리액트를 불러와야 하는데 import React from "react"; 를 제일 첫 줄에 작성해줍니다. 제일 하단에는 컴포넌트를 내보내는 코드를 작성해줍니다. 이 코드가 있어야 다른곳에서 컴포넌트를 불러와 사용할 수 있습니다. export defalut Study; 첫줄과 마지막 줄 사이에는 컴포넌트 형태가 들어가게 되는데, 리액트는 함수형과 클래스형 이렇게 두 가지가 있습니다. 일단 함수형으로 정리할게요 Study.js 로 저장해준다음, 아래 코드를 작성해줍니다. import React from "react"; function Study() .. React 2022.02.25