728x90

firebase 2

파이어베이스 실시간 데이터베이스로 채팅 구현2 (코드)

구조는 이렇게 구성했다 1. 유저 생성 (user_list.html) 현재 프로젝트는 테스트용으로 만들었기 때문에 유저가 개념이 없어서, 페이지에서 유저를 생성해 준다 새 유저 생성 버튼을 클릭하면, 파이어베이스에 새로운 유저가 생성된다 // 새로운 사용자 생성 function createNewUser() { const userUID = self.crypto.randomUUID(); // 새로운 사용자를 Firebase 데이터베이스에 저장 dbRef.child(userUID).set({ // 유저의 정보 넣기 userName : "홍길동", userEmail :"test@naver.com" }).then(() => { // 데이터베이스에 사용자를 추가한 후 페이지 다시 로드 window.location...

IT/etc 2023.09.05

파이어베이스 실시간 데이터베이스로 채팅 구현1 (설정, 셋팅)

채팅을 구현할 일이 있어서, 파이어베이스 실시간데이터를 활용하기로 했다 1. 파이어베이스 접속하여 프로젝트 생성 2. Realtime Database (실시간 데이터베이스) 설정 위와 같이 생성된다 3. 프로젝트 설정 웹으로 선택 이렇게 해주면은 설정은 다 끝났다! firebaseConfig는 추후 js 파일에 넣어줄 예정 다음편 https://makeaplayground.tistory.com/318 파이어베이스 실시간 데이터베이스로 채팅 구현2 (코드) 구조는 이렇게 구성했다 1. 유저 생성 (user_list.html) 현재 프로젝트는 테스트용으로 만들었기 때문에 유저가 개념이 없어서, 페이지에서 유저를 생성해 준다 새 유저 생성 버튼을 클릭하면, 파이 makeaplayground.tistory.com

IT/etc 2023.09.05
728x90