개발 공부중인 비모

useEffect(() => { resetAll(); }, [resetAll]); 이렇게 코드를 만들면 Maximum update depth exceeded 오류가 뜬다. Maximum update depth exceeded오류란? 컴포넌트가 업데이트 무한 루프에 빠지는 것이다. 위의 코드같은 경우는 useEffect의 의존성에 동일한 함수를 넣었기 때문에 useEffect가 렌더링되면 의존성의 함수가 새로운것으로 되고 그럼 또 useEffect를 발생하고...무한루프에 빠지게 되기 때문에 잘못된 것이다. useEffect(() => { resetAll(); }, []); // 처음렌더링 될 때만 콜백을 하거나 useEffect(() => { resetAll(); }, [parameter]); //다른 ..

프로그래밍/react 2023. 11. 23. 13:40

Objects are not valid as a React child (found: object with keys {_h, _i, _j, _k}). If you meant to render a collection of children, use an array instead. 이 에러는 맞지 않는 타입의 데이터를 렌더링해서 발생한다. 나같은 경우에는 컴포넌트에 객체 자체를 전달하려고 해서 발생했다. 컴포넌트에는 배열이나 문자열을 전달해야 한다. 오류가 난 코드. 이렇게 객체 자체를 컴포넌트에 전달할 수 없다. const objectData = { name: 'name', value: 'value' }; return ; const objectData = { name: 'name', value: 'value'..

프로그래밍/react 2023. 11. 7. 10:32

Execution failed for task ':app:installDebug'. > java.util.concurrent.ExecutionException: com.android.builder.testing.api.DeviceException: com.android.ddmlib.AdbCommandRejectedException: closed 디바이스에 앱을 설치할때 빌드 오류가 났다. 제일 먼저 adb devices로 기기 연결이 되어있는지 확인 adb kill-server로 서버 죽이고 다시 시작해보기( adb start-server ) ./gradlew clean로 빌드 클린하고 다시 해보기(이 명령어는 안드로이드로 이동하고 해야함) 이렇게하면 대부분의 빌드 오류는 해결된다. 만약 에뮬레이터 실행..

프로그래밍/react 2023. 11. 6. 18:07

textInput가 여러줄로 나타나는 multiline 속성 디폴트가 false이기 때문에 긴 텍스트를 사용할때는 multiline을 true로 설정해줘야 한다. height도 알맞게 설정하면 되지만 자동으로 설정하려면 ’auto’ 로 지정해주면 된다.

프로그래밍/react 2023. 11. 6. 14:59