React
-
✋ 준비할 것 1. 우선, node.js를 설치해야 한다. https://nodejs.org/en/ 설치가 끝났다면, cmd에서 node -v를 타이핑하여 설치가 되었는지 확인한다. 2. 다음은 React를 설치한다. npm install -g create-react-app 설치가 완료됐다면, React 프로젝트를 생성하고 싶은 위치에서 터미널을 열고 create-react-app [폴더명] 을 타이핑하여 생성한다. 이후 cd [생성한 폴더명] 을 타이핑하여 디렉토리를 변경 하고나서 npm start를 타이핑하면 위와 같은 화면이 출력될 것이다. 3. 이제 express를 설치할 차례이다. npm i express를 입력하여 설치한 후, 위와 같이 server폴더와 server.js src안에 route..
🚀 [React + Node.js(Express)] 연동해보자✋ 준비할 것 1. 우선, node.js를 설치해야 한다. https://nodejs.org/en/ 설치가 끝났다면, cmd에서 node -v를 타이핑하여 설치가 되었는지 확인한다. 2. 다음은 React를 설치한다. npm install -g create-react-app 설치가 완료됐다면, React 프로젝트를 생성하고 싶은 위치에서 터미널을 열고 create-react-app [폴더명] 을 타이핑하여 생성한다. 이후 cd [생성한 폴더명] 을 타이핑하여 디렉토리를 변경 하고나서 npm start를 타이핑하면 위와 같은 화면이 출력될 것이다. 3. 이제 express를 설치할 차례이다. npm i express를 입력하여 설치한 후, 위와 같이 server폴더와 server.js src안에 route..
2022.01.30 -
👉 원인 react-router-dom이 v6로 업데이트 되었기 때문이다. v6에서는 Switch가 아닌 다른 방법을 사용한다. 👉 그래서 해결 방법은? // v5 // v6 위와 같이 v6에서는 Switch가 아닌 Routes를 사용하며, exact는 쓰지않고, component가 아닌 element를 이용한다. 만약 임의로 여러 라우팅을 매칭하고 싶을 땐 *를 이용합니다. 👉 성능 70% 작아진 번들 사이즈로 인해 성능이 상향 되었습니다. 출처 : https://miracleground.tistory.com/entry/Error-Switch-is-not-exported-from-react-router-dom-%ED%95%B4%EA%B2%B0
[오류 해결] 'Switch' is not exported from 'react-router-dom'👉 원인 react-router-dom이 v6로 업데이트 되었기 때문이다. v6에서는 Switch가 아닌 다른 방법을 사용한다. 👉 그래서 해결 방법은? // v5 // v6 위와 같이 v6에서는 Switch가 아닌 Routes를 사용하며, exact는 쓰지않고, component가 아닌 element를 이용한다. 만약 임의로 여러 라우팅을 매칭하고 싶을 땐 *를 이용합니다. 👉 성능 70% 작아진 번들 사이즈로 인해 성능이 상향 되었습니다. 출처 : https://miracleground.tistory.com/entry/Error-Switch-is-not-exported-from-react-router-dom-%ED%95%B4%EA%B2%B0
2022.01.30