Error 기록 일지3 [React error] TDZ가 뭔데? 변수 위치 에러 JavaScript 에서 변수를 선언할 때 코드의 위치를 고려하지 않으면 에러가 발생한다. react 강의를 듣고 해당 강의에서 코드를 어것저것 고치던 도중에 갑자기 에러가 발생했다. 여기서 지목하는 detail.js 16번째 줄은 count 이놈이었는데 왜 갑자기 에러가 발생했을까? useEffect를 배우던 도중 dependency에 변수를 넣고 해당 변수를 변화시켜서 useEffect가 발생하는 것을 보고 싶었을 뿐이다.. 그런데 왜 ?? Javascript의 Es6에 추가된 let 과 const는 선언 전에 해당 변수(count)를 사용하면 이렇게 에러가 뜬다. (출처 : https://dmitripavlutin.com/javascript-variables-and-temporal-dead-zone.. 2023. 1. 27. [React] Too many re-renders. React limits the number of renders to prevent an infinite loop. 기존의 array에 input 을 통해 받은 데이터를 넣으려는 코드를 작성하고 있었는데.. 이와 같은 에러가 발생했다. 찾아보니 랜더링 과정에서 state를 변화하는 함수가 동시에 존재하면 리랜더링이 일어난다는 것이다. 저기서 그러면 setOnChangeDate 즉 useState 함수로 받지말고 그냥 변수에 저장해서 array에 추가해야겠다 라는 생각이 들었다. 어라 ... 안되네 .. 나중에 해결하면 다시오겠다... 일단 비공개 ..ㅎㅎ 해결했다!!! 위에 코드를 보면 setArray안에 array 함수 자체를 콜백해서 array를 추가하려고 한 코드를 볼수 있다. useState 의 set 함수와 동시에 array를 콜백해서 바뀌면 음 .. 내가 봐도 복잡하긴 하구나. state가 여러번 무한루프된.. 2023. 1. 21. github의 오류 1. 관련 없는 두 프로젝트를 하나의 branch에 저장할때 생기는 오류! 오류가 발생한 상황 빨간색 에러 내용을 복사해보면. error: failed to push some refs to (저장하려는 깃허브 주소) 이번에 학원에서 프로젝트를 시작하기 직전이라 github를 혼자 연습하고자 react 부분과 연결시키고 실행시켰을때는 정상 작동(commit & push) 되었다. 그리고 새 프로젝트를 만들어서 react를 다시 깔고 프로젝트에서 연습을 하고 다시 commit 을 한 후에 push 를 눌렀는데 다음과 같은 오류가 발생하였다. 하나의 branch 에 전혀 관련 없는 이질적인 프로젝트들을 commit 하려고 할때 발생하는 오류 or 저장하려고 하는 저장소에 commit 하려는 내 위치에 전혀 없는 파일이 있을때 발생하는 오류 라고 하네요. 이런 경우 해결 방법은 뭐 강.. 2022. 10. 19. 이전 1 다음
