반응형 firebase3 백엔드_파이어베이스(Firebase) 데이터베이스 업데이트 이전에 데이터베이스 세팅을 끝냈으니 이번에는 사용을 해보자 VScode에서 내가 사용할 페이지로 가서 import { getDatabase, ref, set } from "firebase/database"; function writeUserData(userId, name, email) { const db = getDatabase(); set(ref(db, "users/" + userId), { username: name, email: email, }); } 자바스크립트 부분인 상단에 이렇게 작성해 준다. 공식문서에 나온 데이터를 데이터베이스에 올리는 방법이다. 여기서 몇 가지만 수정해서 진행을 할 건데 그전에 내가 뭘 한 건지를 알아야겠다. 이렇게 대충 만든 글쓰기 폼이 있다. 여기에 무언가 데이터를 입.. 2023. 7. 5. 백엔드_파이어베이스(Firebase) 데이터베이스(Database) 세팅 저번에 이어서 이번에는 파이어베이스를 이용해서 데이터베이스를 만들어 보겠다. 파이어베이스 좌측에 빌드에서 Realtime Database를 선택한다. 데이터베이스 만들기를 클릭한다. 위치는 가까운 싱가포르로 해준다. 실제 서비스를 한다면 잠금모드로 시작을 하면 되지만 공부를 하는 목적이니 테스트 모드로 하겠다 사용 설정을 누른다. 데이터베이스가 만들어졌다...... 원래 이렇게 쉬웠나? 다음은 import { initializeApp } from "firebase/app"; import { getDatabase } from "firebase/database"; // TODO: Replace the following with your app's Firebase project configuration // .. 2023. 7. 5. 백엔드_파이어 베이스(Firebase) 설치, 배포 Firebase란? 구글에서 서비스하는 서버 개발 없이 DB, 유저 인증, 이미지 업로드, 배포 가능 무료 제공 범위가 넓음 실시간 데이터베이스를 지원 인프라 관리에 신경 쓸 필요 없이 빠르게 애플리케이션 제작 가능 소규모 프로젝트에 적합 파이어베이스는 어떤 아이디어를 검증해보고 싶을 때 주로 사용한다 배포 회원가입과 프로젝트 설치는 쉬우니까 바로 배포로 넘어가 보겠다. 좌측에 빌드창에서 Hosting를 누른다 이런 화면이 나오면 시작하기를 누른다. 이 화면에서 순서대로 진행을 한다. 1번에서 npm 으로 시작하는 부분을 복사해서 VScode 터미널 창에 붙여 넣기하고 설치를 한다. 여기에서 마찬가지로 로그인에 있는 영어 복사해서 터미널창에 입력하는데 입력하면 오류가 뜨게 된다 오류가 뜨면 윈도우 기분 .. 2023. 7. 5. 이전 1 다음 반응형
