뉴히의 개발 로그

파이어베이스 Authentication 에서 sign-in method 탭으로 들어가서 새 제공업체 추가 ! 제공없체 google 선택! 프로젝트 지원 이메일은 그냥 내걸로 했다 ! 그럼 잘된다 ㅎㅎ import { auth } from '../../firebase'; import { signInWithPopup, GoogleAuthProvider } from 'firebase/auth'; const GoogleLogin = () => { const googleProvider = new GoogleAuthProvider(); const signInWithGoogle = async () => { return await signInWithPopup(auth, googleProvider); }; const g..

심장철렁 ㅎㅎㅎㅎㅎ github에 로그인/회원가입 작업한것을 올리고 코드를 합친후 팀원분들이 회원가입을 하려는데 안된다고 하셨다 ㅠㅠ 오류 내용은 대략 이런것 !! ㅎㅎ Response { type: 'cors', url: 'https://identitytoolkit.googleapis.com/v1/accounts…ignUp?key=AIzaSyDkDPtv28NKNnAxKYN_RFTG36lp3-IraAE', redirected: false, status: 400, ok: false, …} 서칭해보니 첫 번째 이메일이 이미 존재합니다. 두 번째는 TOO_MANY_ATTEMPTS_TRY_LATER입니다. 세 번째는 WEAK_PASSWORD입니다. 비밀번호는 6자 이상이어야 합니다. API에 비밀번호를 보내기 ..

파이어베이스 오류! firebase: Error ( auth/api-key-not-valid. -plase-a-valid-api-key.). 키값이 안맞는다고 자꾸 .....!!! 계속 복붙해서 확인을 해도 정확한데 키값이 안맞는다고 오류가 떳다. 처음에 .env 설정을 할때 변수명 = "키값 " 이렇게 넣고 firebase.js에서 firebaseConfig 에 process.env.변수명 이렇게 넣었을때의 오류였다. 그래서 혹시나 하고 !!!!!!!!!!!!!!!!! env에는 string을 쓰지 말라 했던것같아 변수명 = 키값 넣고 firebaseConfig 에 빽틱으로 감싸서 넣었더니 오류.... 그런데 이게 맞았다! 재시작을 안해서 오류났던것 ㅎㅎㅎㅎ 재시작 하니 잘 연결되었다 .env 파일 변..

Learned | 이번주 배운 것 리액트 리덕스/파이어베이스를 사용해서 앱을 만들었다. firebase API를 가져다 쓰는게 처음에 너무 어렵고 ㅠㅠ힘들었다. 그런데 쓰다보니 API를 가져와서 쓰기만 하면 되는 거라 너무 편리해질듯 싶다. Keep | 다음 프젝에도 유지했음한다 막히는 부분은 팀원들과 vs 라이브쉐어를 통해서 같이 코드를 만들어갔다. 혼자서는 오래 고민해도 해결되지 않던부분도 팀원과 함께 해결하니 훨씬 수월하게 해결 할 수 있었다. Problem | 이번프젝 문제점/해결방안 컬렉션을 각각 다르게 만들었고 나중에 그걸 비교해서 매칭해서 사용하려니 어려웠다. 결국은 필드에 비교할 수있는 중복값을 각각 넣어서 매칭을 시켰는데 이게 좋은 방법인지는 의문이다! 일단은 매칭이 가능하게 해결은 됬다..

리액트 숙련 주차로 react hook에 대해서 좀더 배웠고, 리덕스 라이브러리 사용법을 배웠다. 프롭스를 아래아래아래로 내려줘야하면 헷갈리고하는데 리덕스를 쓰면 데이터 접근이 훨씬 수월해지는것 같다. 그리고 금요일 과제 제출 후에는 다른분이 라이브 코딩을 하는것도 봤는데 너무 쉽게 잘 짜시더라는 ㅎㅎ 부럽부럽 ㅎㅎ 저많은 지식을 머리에 어떻게 다 담고 있나.....? 나는 일단 ㅎㅎㅎ 많은 양을 소화해야하는데 머리에 과부화가 걸리는듯한 ㅎㅎㅎ 자꾸 몸도 쳐지고 쏙쏙들어오지 않고 튕겨나가는듯한 한주였다ㅎㅎ자꾸 뒤돌면 새하얘지고 또 하얘지고 또 봐도 또 하얘지고 ㅎㅎㅎㅎㅎㅎㅎ 이래저래 따라는 하는데 이해하기가 힘들었던 ㅎㅎ그래도 이제 리액트가 뭔지, 리덕스가뭔지, 라우터가뭔지 ㅎㅎ 대략적으로 어렴풋하게 ㅋ..