noweet 기능 구현 (트윗)

(firebase - firestore)

src/fbase.js

@@ -16,4 +16,5 @@ firebase.initializeApp(firebaseConfig);
 
 export const firebaseInstance = firebase;
 
-export const authService = firebase.auth();
+export const authService = firebase.auth();
+export const dbService = firebase.firestore();

src/routes/Home.js

@@ -1,9 +1,19 @@
+import { dbService } from 'fbase';
 import React, { useState } from 'react';
 
 const Home =  () => {
 	const [noweet, setNoweet] = useState("");
-	const onSubmit = (e) => {
+	const onSubmit = async (e) => {
+		// submit 버튼 클릭하면 firebase의 collections에 데이터가 추가됨 (이거 이용해서 트윗 올리고 보여주고 하는듯)
 		e.preventDefault();
+		await dbService.collection("noweets").add({
+			//넣을 데이터
+			noweet,
+			createdAt: Date.now()
+		});
+		//데이터 올리고 noweet은 초기화 시켜주기
+		setNoweet("");
+
 	}
 	const onChange = (e) => {
 		// setNoweet(e.target.value)  : 똑같이 동작하는데 왜 이렇게 안쓰지? value 말고 여러 값 저장하려면 es6 문법이 편해서 그런가