daisylee

리액트 라우팅을 적용하면서 다음과 같은 에러를 발견했는데요. 리액트 라우터 버전이 v5에서 v6로 업데이트되면서 변경된 사항과 관련된 에러입니다. (역시 프론트엔드의 기술 업데이트는 빨라도 너무 빨라..) 바로 대신에 로 적용하면 됩니다. Switch와 관련된 업데이트 내용은 다음과 같습니다. 1. 대신에 이제는 쓰세요! 2. component={컴포넌트명} 대신에 이제는 element={} 쓰세요! (개인적으로 1번은 Routes, Route라는 동일한 단어에서 통일성이 있어서 좋은데, component대신에 element를 쓰는건 익숙하지 않은 것 같습니다😢) 제가 작업중인 프로젝트에도 아래와 같이 적용했더니 정상적으로 동작합니다. 마지막으로, 벨로퍼트님이 리액트 라우터 업데이트에 관해 업로드한 영상..

이미지를 렌더링할 때 위와 같은 에러가 발생했습니다. 찾아보니 img 태그에 alt 속성을 추가하지 않으면 발생하는 warning이라고 합니다. (출처: stackoverflow) What does this warning message mean? 'img elements must have an alt prop, either with meaningful text, or an empty string for de Why am I getting this warning? warning: img elements must have an alt prop, either with meaningful text, or an empty string for decorative images jsx-a11y/img-has-alt I..

개인 프로젝트를 생성하기 위해 터미널에 명령어를 입력했더니, 다음과 같은 에러가 발생했습니다. 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 ..

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

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..