본문 바로가기

🤪 뜨거운 맛 오류 일기37

[파이어베이스] 징챠 너 그러케 할거닁?! / 리액트네이티브로 firebase 연결하면서 onSnapshot으로 todoList 불러오는데 계속 빈배열 뜰때 오늘의 에러이유 : 빠가사리 - 문제 : 처음에 useEffect 안에 파베 제공 문법으로 onSnapshot 통해 todos를 불러오려고 하는데, 자꾸 빈배열이 찍히는 현상이 발생했다. firestore에도 데이터들은 문제없이 들어가는데 자꾸 'todos'를 찍어보면 빈배열( [ ] ) 이 뜨는 현상 발생 쿼리문도, onSnapshot 안의 내용도 문제없는걸 (심지어 튜터님꺼 다시 복붙도 하길 수차례, 파베 프로젝트까지 다시팜) 확인했는데 useEffect(() => { const q = query( collection(dbService, "todos"), orderBy("createdAt", "desc") ); onSnapshot(q, (snapshot) => { const newTodos = sna.. 2023. 1. 2.
[파이어베이스] cloud firestore 연결하려는데 Expected first argument to collection() 에러뜨면서 실행안될때 해결법 useEffect안에 getCategory 비동기 함수를 만들어서, 제대로 파이어베이스 db에서 불러와지나 console을 찍어보려고 하는데 계속 콘솔창에 안찍히는것이 아닌가!!!! 내가 만난 에러메시지 Expected first argument to collection() to be a CollectionReference 어쩌구 저쩌구 Possible Unhandled Promise Rejection (id: 9): FirebaseError: Expected first argument to collection() to be a CollectionReference, a DocumentReference or FirebaseFirestoreconstruct@[native code]construct@[nati.. 2023. 1. 2.
react-native-app 설치하는데, eas를 설치했는데도 자꾸 is not found가 뜰 때!! 에러 상황 ) expo에서 프로젝트를 생성하고, 아래와 같은 명령어를 입력하라고 해서 터미널에서 입력을 하는데 첫번째 문제!! npm install --global eas-cli 라고 치니까 난 설치가 되지 않았다 해결방법 앞에 sudo를 붙이기 sudo npm install --global eas-cli ( 뜬금없는 sudo가 뭐임? 리눅스에서 자주 쓰이는 명령어로 Super User Do의 줄임말이었으나, Unix의 기능이 확장되며 Substitute User DO(다른 사용자의 권한으로 실행)의 줄임말로 쓰이기도 한다고 한다. - 윈도우의 관리자 권한으로 실행과 비슷한 의미 ) 두번째 문제!! (요 에러는 다른분 컴터에서 실행하는데 에러가 났던 부분) creat-expo-app 까지는 정상적으로 프.. 2022. 12. 29.
[리액트] 파이어베이스 이용하여 사진 저장하는데, 사진이 하나씩 밀리는 현상 발생 🤔 트러블슈팅 (사진 저장 시 , 사진이 하나씩 밀리는 현상 발생) 지난번에 파이어베이스 사진 업로드 기능과 파이어베이스에서 뱉어낸(?) 포토URL을 넣는 과정에서 사진이 앞전 사진으로 하나씩 밀리는 현상이 발생했다. (localStorage에 앞전에 저장된 포토URL이 들어가는듯했다) >> 해결한 부분 state를 새로 만들어, 단순히 localStorage에 사진url이 저장이 되는 onChange 함수에서도 새롭게 만든 state의 set함수를 실행시켜 해당 state 변화를 인지하도록 했다. // 어떤 state가 업데이트 될때만, 사진저장 메소드가 실행하게 설정하면 되지 않을까? const [test, setTest] = useState(""); // onFileChange : 사진 업로드 (사.. 2022. 12. 27.
임포트가 웨않뒈 / SyntaxError: Cannot use import statement outside a module 해결하기 강의듣는 중에 main.js에서 axios를 임포트하려고 하니, 아래와 같은 오류가 떴당 SyntaxError: Cannot use import statement outside a module 바로 구글링을 하지 않고, 일단 에러메세지를 천천히 읽어보라 하셨던 튜터님의 말씀이 생각나서 무작정 구글링을 하지 않고, 에러메세지를 뜯어보았다. 그랬더니 에러메시지 속에 답이 있었다람쥐 pakckage.json에 가서 type을 모듈로 써주니 문제 해결 2022. 12. 20.
[파이어베이스] 깃허브,구글 로그인하기 클릭 시 창 꺼짐 / The current domain is not authorized~ 파이어베이스에서 구글,깃허브 로그인하는 기능을 연동시키려고 하는데 이상하게 구글,깃허브 버튼을 누르면 창이 나왔다가 아무것도 안뜨고 사라지는 현상이 보였다. (처음엔 크롬 브라우저 팝업 차단 이런게 걸린줄 알았음) 콘솔창 열어보니 권한 어쩌고 저쩌고 에러가 떠있는 걸 발견! 에러메시지 : The current domain is not authorized for OAuth operations. This will prevent signInWithPopup~~ 프로젝트 하면서 느끼는게...예전엔 콘솔창이 무서웠는데, 콘솔창이 이제는 너무 고맙게만 느껴진다 ㅠㅠ 깃허브 강의 들을때 강사님이 말하셨던 기억에 남는 말씀.. '에러메세지는 여러분을 겁주려고 하는게 아니라 여러분에게 ㅇㅇ 이런 부분이 문제인 것 같은데.. 2022. 11. 24.