디버그 3

[리액트]You are running `create-react-app` x.x.x, which is behind the latest release (x.x.x)

개인 프로젝트를 생성하기 위해 터미널에 명령어를 입력했더니, 다음과 같은 에러가 발생했습니다. create-react-app의 버전이 최신이 아니라서 생기는 문제인 것같습니다. 해결 방법 stackoverflow에서 해당 에러를 검색해보면 다음과 같은 답변을 찾을 수 있습니다. (출처: stackoverflow) create-react-app is not working since version 4.0.1 I tried installing create-react-app using npm i create-react-app, npx create-react-app new-app and npm init react-app new-app, but I keep getting this error message: You ..

[리액트]<a> cannot appear as a descendant of <a>

react-router의 Link와 태그의 기능이 중복되어 발생하는 오류입니다. 를 지우고 a태그의 속성에 as={Link}와 to="엔드포인트" 와 같이 작성하면 됩니다. as = {Link} a태그를 Link 처럼 사용하겠다고 정해줍니다. to = "엔드포인트" Link와 동일하게 이동할 주소를 지정합니다. 포인트는 as라는 키워드로 태그를 처럼 사용할 수 있다는 점입니다.😎

[리액트]Invalid DOM property class. Did you mean className?

JSX는 자바스크립트의 일부이므로 class라는 키워드를 사용하면 이미 존재하는 class 문법과 중복됩니다. 따라서 HTML 태그에 클래스명을 지어줄 때는 className으로 작성해야 합니다. https://bit.ly/3nkoLZb [React] JSX오류해결 - Warning: Invalid DOM property `class`. Did you mean `className`? React를 활용한 개발을 진행하면서 JSX는 javaScript이므로 class의 다른 의미가 있습니다. 무료템플릿이나 퍼블리싱 작업을 전달받았을 때 JSX에서 class의 오류를 보게될 수 있습니다. HTML 태그 속성을 mandlife.tistory.com App.js를 확인해보니, 제가 Bootstrap에서 사용한 N..

1