'개발/❌ 오류 노트' 카테고리의 글 목록 (2 Page)

[Flutter/Error] “Bottom Overflow By XX.XX PIXELS”? 해결하기

2022.04.17· 개발/❌ 오류 노트

ListView.builder을 사용해서 구현하다가 본 마주한 에러이다. 리스트를 5개 정도를 만들어서 반복시켰는데 에뮬레이터 화면에 노란 바탕에 위와 같은 에러가 뜬다. ◾ 해결방안 @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('예술체육학과'), centerTitle: true, backgroundColor: Colors.white, elevation: 0, leading: IconButton( icon: Icon(Icons.arrow_back), color: Colors.grey, iconSize: 25.0, onPressed: () {}, ), actions: [ Container..

React 17에서 React18 - ReactDOM.render와 createRoot

2022.04.07· 개발/❌ 오류 노트

◾ 새로운 리액트 프로젝트를 생성하고 run을 했더니 이런 콘솔창이 떴다. Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot ◾ 리액트 18에서는 ReactDOM.render가 아니라, createRoot를 사용해야 한다고 한다. 그게 뭐지? 라며... 공식문서 보러 고고 - https://ko.reactjs.org/docs/concurrent-mode-r..

[ReactNative] React-Native CLI 쓸 때 Expo-AppLoading install

2022.02.28· 개발/❌ 오류 노트

React-Native 강의를 듣기 시작하면서 setting에만 이틀 이상을 쓴 것같다. 겨우겨우 셋팅을 마치고 드디어 본격적인 강의를 보려고하는데, 강의 첫 스텝이였던 expo install expo-app-loading 가 안되는것이다. expo 모듈도 사용하기때문에 무조건 되야하는 건데!! 처음엔 구글링해도 안 나와서 영어로 찾기 시작하니 등장!! expo install 대신에 npm install을 쓰면 된다는 것!!😱!! stackoverflow - https://stackoverflow.com/questions/68847098/unable-to-install-expo-app-loading-using-expo Unable to install expo-app-loading using expo Up..

Git Pull / Git Push 오류 (Fatal: Couldn’t Find Remote Ref Master)>> 해결방안 [빡침주의]

2022.02.17· 개발/❌ 오류 노트

이런 무슨….이제껀 git pull origin master / git push origin master로 잘 되어왔는데 뜬금없이 오류가 엄청 나서 또 30분가량 헤매었다. ……. 아니 …master가 언제 main 으로 바꼈슴꽈? 구글링을 해보니 2020년 10월쯤부터 바꼈다는데, … 몇 주 전에 올린 repository에 파일들 다 어떻게 올라간거임? 나 master로 올렸는데? 혼란하다 혼란해….. [오류 메세지] fatal: couldn’t find remote ref master [해결] git pull origin master 를 git pull origin main 으로 올려주시면 됩니다 git push origin master 를 git push origin main으로 올리시면 됩니다 –..

[Github 오류해결] Src Refspec Master Does Not Match Any 해결하기

2022.02.17· 개발/❌ 오류 노트

공부한 내용을 나중에 다시 찾아보기 위해서 사소한 것까지 깃헙에 올려두려는 편인데. 프로젝트를 깃허브로 push하는 도중에 갑자기 이런 오류가 떴다 error: src refspec master does not match any error: failed to push some refs to ‘https://github.com/repository’ 해결 방안을 찾기 위해서 구글링을 했다! 첫 번째 방안은. 다시 git init을 해서 push까지 진행하는 것! 하지만 이 방법으로 나는 해결을 보지 못 했다. 두 번째 방안은, git branch를 main 에서 master로 변경해주는 거다. 디폴트 값으로 진행되는 게 main은데 master가 브랜치가 생성되지 않아서 생긴 오류인 것이다. git push..

[React / Firebase ] Attempted Import Error: ‘Firebase’ Does Not Container A Default Export ~ 오류 해결하기!

2022.02.17· 개발/❌ 오류 노트

넷플릭스 앱 클론코딩을 하면서 넷플릭스 앱에 들어갈 컨텐츠 업로드와 삭제 등을 하기 위해서 파이어베이스를 연결시켰다. 그런데 아무리 import을 해도 연결이 안되는 것이다 ㅠㅠㅠ 아무리 구글링을 해도 다들 npm install firebase만 얘기하고 심지어 해봤지만 소용없었다. 거의 1-2시간동안 미친듯이 구글링을 해서 찾아냈다!!! 해결방안!! With version 9 things changed a bit for importing firebase, but there is no need to downgrade to a previous version, there is a “compatibility” option so can use the /compat folder in your imports, li..

[React Error] Too Many Re-Renders. React Limits The Number Of Renders To Prevent An Infinite Loop.

2022.02.17· 개발/❌ 오류 노트

onclick 함수를 써서 props를 넘겨주려고 하는데 갑자기 이런 에러가 났다. 문제의 발생지점이였던 부분을 캡처를 못했다. ㅠㅠ 리렌더링이 많이 일어났다고 경고메세지가 뜬것인데, 구글링을 해서 알아보니 이 에러가 발생하는 원인은 렌더 과정에서 state를 변화하는 함수가 있다면 리랜더링이 계속 일어나면서 발생하는 에러라고 한다. 해결방법은 생각보다 간단했다. 화살표 함수를 만들어서 넘겨주면 된다! 그냥 바로 함수만 적지 말고 화살표함수로 적어서 넘기면 된다!

[리액트 에러노트]Error: Input Is A Void Element Tag And Must Neither Have `Children` Nor Use `DangerouslySetInnerHTML`.

2022.02.17· 개발/❌ 오류 노트

❌ Error: input is a void element tag and must neither have children nor use dangerouslySetInnerHTML. react 프로젝트를 만드는 과정 중에 처음으로 component 단위가 아니라 element 단위까지 쪼개서 만들어보고 있다. 로그인 폼에 들어갈 input 부분을 만드는 과정에서 만든 에러! styled component를 작성하는 과정에서 input은 그대로 적용할 수 없고, div로 한번 감싸줘야한다. 그래서 InputForm을 만들어 두고 밑에 적용할 때는 div가 아니라 input으로 적용했더니 저런 에러를 맞이했다. div로 수정해주고 오류 고침! 뭐랄까 재사용이 용이하게 컴포넌트를 나누고 엘리먼트를 나누는건데, ..

[리액트 Error] Error: UseHref() May Be Used Only In The Context Of A Component.

2022.02.17· 개발/❌ 오류 노트

React-router가 v6로 업데이트되면서 react-router-redux에서 쓸 수 있는 connected-react-router를 쓰려면 v4,v5를 설치했어야했다. 하지만 당연히 최신버젼도 지원이 될 거라고 생각하고 방법이 있을 거라고 생각하며 대략 한 시간 이상을 구글링으로 방법을 찾았다. ㅎㅎㅎ 그러면서 만난 오류. 터미널에는 오류가 뜨지 않지만 브라우저 화면에는 붉은 색화면이 …. ㅎ Connected React Router란? 리덕스에서 주소를 변경 및 확인하기 위해 history 객체를 관리하며 필요에 의해 꺼내 쓸 수 있는 유용한 라이브러리다. 실제로 로그인, 회원가입 등의 액션을 관리하면서도 바로 페이지를 이동할 수 있게 도와줘서 굉장히 편하다. 한참을 v6 지원 방법이 없나를 헤..

Auth (9.6.6): INTERNAL ASSERTION FAILED: Expected A Class Definition

2022.02.17· 개발/❌ 오류 노트

❌Auth (9.6.6): INTERNAL ASSERTION FAILED: Expected a class definition firebase Authentication 부분을 진행하는데 나타났던 오류다! class definition? 이 뭘까? 싶어서 구글링을 했는데, auth를 import 하는 과정에서 제대로 import 해주지 않아서 생긴 오류였다. firebase config에서 export 해서 가져오려고 했었는데 왜인지 코드가 먹히지 않아서 공식 문서를 보고 차근차근 따라했더니 해결이 되었다! import { getAuth } from 'firebase/auth'; const auth = getAuth();

[React] Warning: Can’t Perform A React State Update On An Unmounted Component. This Is A No-Op, But It Indicates A Memory Leak In Your Application. To Fix, Cancel All Subscriptions And Asynchronous Tasks In A UseEffect Cleanup Function.

2022.02.17· 개발/❌ 오류 노트

❌ Warning: Can’t perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function. ❌ 언마운트 된 컴포넌트에서는 상태를 추적할 수 없고, 상태를 추적하지 않기에 작업이 수행되지는 않지만, 메모리 누수가 발생할 수 있으니, useEffect의 cleanup 함수를 이용해라 react로 작업을 하다보면 종종 만나는 에러 중 하나입니다. 이 에러는 fetch 등 비동기를 실행하는 실행..

티스토리툴바