Daily Front_Minhhk

빌드에서 Storage 를 눌러 생성! 스토리지 위치는 당연 서울! 공식문서를 살펴보자 (Storage) firebase.js 파일에서 const storage = getStorage(app) import { initializeApp } from "firebase/app"; import { getStorage } from "firebase/storage"; // TODO: Replace the following with your app's Firebase project configuration // See: https://firebase.google.com/docs/web/learn-more#config-object const firebaseConfig = { // ... storageBucket: ''..

이메일, 비밀번호 기반 로그인 우선 이메일과 비밀번호를 통한 로그인을 할려면 signInWithEmailAndPassword 를 사용하자! 공식문서를 참조하면서 import { getAuth, signInWithEmailAndPassword } from "firebase/auth"; const auth = getAuth(); signInWithEmailAndPassword(auth, email, password) .then((userCredential) => { // Signed in const user = userCredential.user; // ... }) .catch((error) => { const errorCode = error.code; const errorMessage = error.mes..

빌드 / 실시간 데이터베이스 에서 새로만들기 클릭! 위치는 싱가포르 asia 서버로 두고, 생성한다. 예제는 이렇다!! getDatabase() 가져오는 것과, set(ref()) 이부분만 잘 적용 하면 된다. import { getDatabase, ref, set } from "firebase/database"; function writeUserData(userId, name, email, imageUrl) { const db = getDatabase(); set(ref(db, 'users/' + userId), { username: name, email: email, profile_picture : imageUrl }); } by 공식문서 참조 웹에서 데이터 읽기 및 쓰기 | Firebase 실시간 ..

1. 파이어베이스 회원가입 (이메일 & 패스워드) 공식문서 예제는 이렇다. getAuth 는 firebase.js 에서 export 한 값을 사용 했다. signInWithEmailAndPassword 과 updateProfile 을 사용하여 우선 가입의 사이클을 완성 해 보았다. 비동기로 import { getAuth, signInWithEmailAndPassword } from "firebase/auth"; const auth = getAuth(); signInWithEmailAndPassword(auth, email, password) .then((userCredential) => { // Signed in const user = userCredential.user; // ... }) .catch(..

공식문서는 이렇다. Example에서 일단 복사 해서 수정 했다. https://react-hook-form.com/get-started#Quickstart import { useForm } from "react-hook-form"; export default function App() { const { register, handleSubmit, watch, formState: { errors } } = useForm(); const onSubmit = data => console.log(data); console.log(watch("example")); // watch input value by passing the name of it return ( /* "handleSubmit" will valid..

1. openAI 홈페이지 / Developers / example 에 들어가서 사용하고 싶은 것 중 선택하면 된다. 2. 여기서 이름 생성기를 사용해보겠다. 클릭하면 상세 페이지가 뜨는데 이제 curl 과 node.js 선택하면 소스코드가 뜬다. 이것을 활용하여 만들었다. await 비동기로 받아와서 작성 함수에 async 달아주기!! https://~ ,, post 요청 보낼 주소 값 -H ,, 헤더에 넣어 줄 값 -d ,, data로 body에 넣어 줄 값 1. .env 파일 생성하여 작성한다. REACT_APP_OPENAI_API_KEY="API 키" 2. const dataBody = { model: "text-davinci-003", prompt: `suggest three pet names ..