목록React (24)

기록이 힘이다.

npm install 오류 (code ERESOLVE)

https://velog.io/@dev_cecy/npm-install-%EC%98%A4%EB%A5%98-code-ERESOLVE npm install 오류 (code ERESOLVE) 예전에 작성했던 코드를 로컬로 다시 클론받아 코드를 수정하려고했다. 화면을 보기위해npm start를 해주었더니, script 오류가 났고🤦🏻‍♀️ 당황하지 않고 npm install을 해주었다. 그랬더니 이 velog.io npm install --save --legacy-peer-deps
React 2023. 2. 16. 17:15
[React] Access to XMLHttpRequest at '주소A' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resou..

Access to XMLHttpRequest at '주소A' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. https://snowdeer.github.io/openshift/2020/06/13/react-for-cors-using-proxy/ React CORS 문제 해결하기(Proxy 이용) · snowdeer's Code Holic React CORS 문제 해결하기(Prox..
React 2023. 2. 9. 14:15
[React] React 에러 Cannot find file

https://meaownworld.tistory.com/entry/React-%EC%97%90%EB%9F%AC-Cannot-find-file-does-not-match-the-corresponding-name-on-disk React 에러 - Cannot find file: .. does not match the corresponding name on disk 에러이다. 뭐가문제지.. 라고 생각해서 파일들에 적혀있는 모든 index를 체크, 구글링하는 뻘짓을 하여 30분가량을 소모했는데 문제는 Index.js 였다. 그렇다! 대문자가 문제였던 것이다.. index.js 로 meaownworld.tistory.com 파일의 글자 문제라고 해서 뭐지 ??? 했는데 알고보니 App으로 파일명을 변경해서 못 ..
React 2023. 2. 8. 18:03
Module not found: Error: Package path . is not exported from package C:\companyproject\frontend\node_modules\firebase

https://stackoverflow.com/questions/69021355/firebase-web-9-0-1-error-package-path-is-not-exported Firebase web 9.0.1 error Package path . is not exported I've installed firebase@9.0.1, using yarn. The package seems working fine but it gives an error just after running yarn install as given. Module not found: Error: Package path . is not exported from stackoverflow.com Module not found: Error: P..
React 2023. 2. 8. 15:36
[React] react-toastify

https://defineall.tistory.com/1021 [React.js] react-toastify 란? / 사용법 👉 react-toastify 란? react 프로젝트에서 예쁜알람을 만들 수 있도록 해주는 Node.js 패키지 react-toastify 사용 결과 react-toastify 설치 npm i react-toastify 👉 react-toastify 사용법 // App.js // 모듈 불러오기 import defineall.tistory.com
React 2023. 2. 7. 15:09
[React] firebase storage 파일 업로드

https://developer-talk.tistory.com/567 [React]파일 업로드 구현 파일 업로드 구현 파일 업로드 버튼을 외부 라이브러리에서 제공하는 버튼 컴포넌트를 사용하고 싶은데 해당 라이브러리에서 파일 업로드 기능을 지원하지 않을 수 있습니다. 외부 라이브러리 developer-talk.tistory.com https://forum.ionicframework.com/t/firebase-storage-unauthorized-due-to-storage-rule/191471 Firebase storage/unauthorized due to Storage Rule Hello Group, My dev has run into Firebase Phone Auth error: I use this ..
React 2023. 2. 3. 17:03
[React] checkbox에서 하나만 선택

https://velog.io/@ingdol2/React-checkbox%EC%97%90%EC%84%9C-%ED%95%9C-%EA%B0%9C%EB%A7%8C-%EC%84%A0%ED%83%9D%ED%95%98%EA%B8%B0 [React] checkbox에서 하나만 선택하기 1. checkbox 생성 checkbox는 원래 다중 선택이 가능함 하나만 선택하고 싶을 경우, radio를 사용하면 됨 하지만, checkbox를 사용하고 싶을 경우 checkbox에서 하나만 선택되도록 할 수 있음 checkbox 만들기 na velog.io /** 남여 체크박스 */ const checkOnlyOne = (checkThis) => { const checkboxes = document.getElementsByNam..
React 2023. 2. 1. 16:31
[React] 다른 함수에 있는 요소 불러오기

https://velog.io/@hssarah/React%EC%97%90%EC%84%9C-%EB%8B%A4%EB%A5%B8-Function-Component%EC%97%90-%EC%9E%88%EB%8A%94-%ED%95%A8%EC%88%98-%ED%98%B8%EC%B6%9C-React-Calling-Function-From-Another-Function-Component React에서 다른 Function Component에 있는 함수 호출: React Calling Function From Another Function Component WeeklyBox에서 AfterBoxList에 있는 함수를 호출하는 방법은 없을까 찾아보다가useImperativeHandle이라는 리액트 훅을 통해 가능한 방법을 찾..
React 2023. 1. 31. 13:56
이전 Prev 1 2 3 Next 다음