본문 바로가기

Framework/React3

[React] Link로 파라미터 넘기기 버전 node : 18.7.0 react-router-dom : 6.3.0 react-router-dom 버전이 6.x 버전으로 올라가면서 react-router-dom에 사용할 수 있던 Switch를 더 이상 사용할 수 없게 됐다. 그래서 Switch를 대신해 Routes를 사용할 수 있다. Link로 값 넘기기 페이지 별로 값을 넘겨야 하는 경우가 있다. 그런 경우엔 react-router-dom의 Link를 통해 값을 넘길 수 있다. 값을 react-router-dom의 버전 6버전 이전에는 Link의 속성 중 to 변수안에 지정할 수 있었지만 지금은 state변수가 있어서 state에 넘길 값을 담으면 된다. {item.title} to : 이동할 경로 state : 이동할 페이지에 넘길 값 Li.. 2022. 11. 27.
[에러] No 'Access-Control-Allow-Origin' header is present on the requested resource. 에러 문구 Access to XMLHttpRequest at 'http://localhost:8000/boards' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. CORS CORS(Cross-Origin Resource Sharing)는 교차 출처 리소스 공유라는 기능으로 실행 중인 웹 어플리케이션이 다른 출처의 리소스에 접근할 수 있는 권한을 부여할 수 있도록 웹 브라우저에 알려주는 기능이다. 그래서 해당 기능 때문에 위의 에러를 접할 수 있다. 이 경우 해당 컨텐츠를 제공하는 서버쪽에서 .. 2022. 11. 17.
[React] Quill 에디터의 이미지 크기 조절하기 문제 해결(quill-image-resize 플러그인) 보호되어 있는 글 입니다. 2022. 11. 4.

\