[003] 파이어베이스 (Firebase) - Realtime Database update (데이터 업데이트)
2022. 12. 23. 17:15ㆍ데이터베이스/Firebase
반응형
안녕하세요~ totally 개발자입니다.
오늘은 이미 삽입된 데이터를 업데이트하는 방법에 대해 살펴보도록 하겠습니다. 업데이트 방법은 매우 간단합니다.
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
// 데이터베이스 변수
const database = firebase.database();
// 데이터 불러오기
database.ref("students").update({'age': 17, 'grade': 'B'});위처럼 코드 작성해주시면 되며 update 부분에 객체로 변경할 key와 value만 넣어주시면 갱신할 수 있습니다.
위처럼 바로 실시간으로 변경된 모습을 확인할 수 있습니다.
[전체 소스 코드]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
table {
border-collapse: collapse;
}
table, th, td {
border: 1px solid;
}
</style>
</head>
<body>
<h1>Firebase EXAMPLE</h1><br />
<div id="container"></div>
<script src="https://www.gstatic.com/firebasejs/8.8.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.8.1/firebase-database.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.8.1/firebase-analytics.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.8.1/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.8.1/firebase-firestore.js"></script>
<script>
// Your web app's Firebase configuration
const firebaseConfig = {
apiKey: "...",
authDomain: "...",
databaseURL: "...",
projectId: "...",
storageBucket: "...",
messagingSenderId: "...",
appId: "..."
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
// 데이터베이스 변수
const database = firebase.database();
// 데이터 불러오기
database.ref("students").update({'age': 17, 'grade': 'B'});
</script>
</body>
</html>다음 시간에는 delete 삭제하는 것에 대해 살펴보도록 하겠습니다. 감사합니다.
반응형
'데이터베이스 > Firebase' 카테고리의 다른 글
| [004] 파이어베이스 (Firebase) - Realtime Database delete (데이터 삭제) (0) | 2023.01.08 |
|---|---|
| [002] 파이어베이스 (Firebase) - Realtime Database Read (데이터 불러오기) (0) | 2022.12.22 |
| [001] 파이어베이스 (Firebase) - Realtime Database 개요 및 연동, 데이터 삽입(insert) (0) | 2022.12.21 |