개발새발 로그

https://firebase.google.com/docs/auth/web/start?hl=ko&authuser=0#sign_up_new_users 웹사이트에서 Firebase 인증 시작하기 | Firebase Authentication Google I/O 2023에서 Firebase의 주요 소식을 확인하세요. 자세히 알아보기 의견 보내기 웹사이트에서 Firebase 인증 시작하기 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분 firebase.google.com 📋수행순서 1. 파이어베이스의 기존 사용자 로그인 기능을 이용한다. 2. ID값과 PW값이 비어있을 때 방어해줄 방어코드를 작성 3. await firebase.auth().signInWithEmailAndPassword(..

이제 DB에 저장된 데이터를 클라이언트에서 요청해 불러와보자 우리가 원하는 순서를 그려보았다, 작동순서 클라이언트에서 axios요청을한다. 서버에서는 해당하는 API를 만들고 DB에서 데이터를 몽구스의 find로 찾아서 postList라는 이름으로 저장한다. 다시 클라이언트에서 데이터를 받아 배열에 저장한다. 해당 배열을 map을 이용해 뿌려준다. 1.클라이언트에서 axios요청을한다. -클라이언트에서 useEffect를 이용해서 해당 컴포넌트가 렌더링되면 axios 요청을한다. 2. 서버에서는 해당하는 API를 만들고 DB에서 데이터를 몽구스의 find로 찾아서 postList라는 이름으로 저장한다. 3. 다시 클라이언트에서 데이터를 받아 배열에 저장한다. 4. 해당 배열을 map을 이용해 뿌려준다. ..

서버에 몽고DB를 연결했으면 클라이언트를 통해서 데이터를 DB에 저장해보자 우리가 작성할 로직의 순서이다. 순서 제출버튼을 누르면 axios사용해 서버로 데이터를 보낸다. 서버는 데이터를 받아서 몽고DB에 저장할 수 있도록 model화 한다. model화를 하고 save()통해 DB에 저장한다. 1. 제출버튼을 누르면 axios사용해 서버로 데이터를 보낸다. -제목과 내용에 대한 useState를 선언한다. -form의 input 또한 알맞게 지정해준다. -제출 버튼에 onclick에 onsubmit 함수를 추가해준다. -onsubmit에서 axios.post요청을한다. 2. 서버는 데이터를 받아서 몽고DB에 저장할 수 있도록 model화 한다. -Post모델 확인(몽고DB는 모델이 있어야한다.) -서버..