본문 바로가기

🌌 | WEB DEV/React - Experience3

[React] TypeError: destroy is not a function 원인과 해결법 원인우선 해당 에러는 useEffect와 관련이 있다. 자세하게 원인을 파악하기 전에아마 이 글을 보게된 분들이 한 실수는 아래의 2가지일 확률이 높다!1. useEffect에서 함수가 아닌 다른 것을 반환2. useEffect(async()=>{},[]) 2가지 실수는 모두 useEffect의 잘못된 사용이다. 해결법과 자세한 이유- useEffect에서 함수가 아닌 다른 것을 반환하는 경우 beforeuseEffect(() => myFunction());useEffect(() => { return myFunction() }); afteruseEffect(() => { myFunction() }); 이유useEffect(() => { 이펙트 함수 return { 클린업 함수 };}, [의.. 2024. 12. 16.

[React/JS] setTimeout, setInterval 은 전혀 "시계" 하지 않아 (setTimeout, setInterval 오류) 프로젝트에 삽입할 스톱워치 만들어 놓았다.6초를 세어보는데 이상하게 체감 상 8초는 되는 것 같았다.아 이거 이상한데?? 1. setInetval을 활용한 타이머1) 작성 코드내가 작성한 코드는 setInterval을 이용하여 주기적으로 시간state를 증가시키는 방식이다.const [run, setRun] = useState(); //스톱워치start상태const [time, setTime] = useState(0); //시간stateconst intervalRef = useRef();//시작상태 감지useEffect(()=>{ if(props.start){ setRun(true); } else{ clearInterval(intervalRef.current) setRun(false.. 2024. 1. 6.

[React] CORS 에러 해결하기 (http-proxy-middleware) 외주 작업 도중 api에 요청을 할 때 CORS 에러를 마주하였다!대략 위와 같은 에러 메세지를 콘솔창에서 볼 수 있다. 1. CORS (Cross Origin Resource Sharing) 1) CORS란?https://developer.mozilla.org/ko/docs/Web/HTTP/CORS/Errors CORS(교차 출처 리소스 공유)는 다른 출처 간의 자원 공유를 가능하게 하고http 헤더를 이용하여실행 중인 웹 애플리케이션이 다른 출처(Origin)의 자원에 접근할 수 있는 권한을 부여하도록브라우저에 알려주는 체제이다. 2) SOP (Same Origin Policy)https://developer.mozilla.org/ko/docs/Web/Security/Same-origin_poli.. 2023. 6. 30.

이전 1 다음

티스토리툴바