FE

리액트로 작업하다 콘솔창에 이런게 생겼다면 index.html 파일로 들어간다 index.html파일에 manifest를 찾은 뒤에 앞에 / 를 넣어준다 // 에러 // 해결 이렇게 그러면 콘솔창이 깨끗해졌다!!

이 에러는 react-router-dom 버전이 바뀌면서 자주 발생되는 에러인데 나의 경우에는 2가지 방법으로 해결할 수 있었다. 1. 버전 낮추기 일단 v.6.3.0에서 리액트 라우터 사용하는 코드는 밑에 코드와 같은데 이렇게 사용해서 에러가 해결된다면 굳이 버전을 낮출 필요 없다. (이거 쓰고도 버전 낮추기 싫은데 에러 생기신 분은 2번 방법 먼저 확인해주세요!!) import { BrowserRouter as Router, Routes, Route } from "react-router-dom"; 그냥 리액트 라우터 버전이 바뀌면서 사용법이 바꼈다. 이 버전을 공부해서 사용하기 편하다면 그대로 사용하면 된다. 근데 swich나 이전 버전의 라우터가 익숙하다 싶은 사람, 이전 버전의 라우터를 꼭 사용하..

혹시 리액트 화면 안나오고 이 에러 나왔다면... 이거 여러번 실수해서 시간 낭비했는데 나 같은 경우 아주 쉽게 해결할 수 있는 에러였다. 틀린 점 찾으면 이제 문제 해결 됨 1. npm install styled-component 2. npm install styled-components install 하면서 components에 S를 빼먹지 않으셨나요?????!!! 괜히 파일 옮기면서 폴더마다 npm i styled-component함...