Firebase사용해보기

firebase를 생성해서 POST 보내기

 

  async function addSampleHandler(sample) {
    const res=await fetch('https://react-http-813a9-default-rtdb.firebaseio.com/sample.json',{
      method:'POST',
      body:JSON.stringify(sample),
      headers:{
        'Content-Type':'application/json'
      }
    })
    const data=await res.json()
    console.log(data);
  }

...firebaseio.com/( 이 부분 segment ) : ( ) 안에 sample은 자기가 마음데로 설정할 수 있는 이름이고 이런식으로 segment를 붙여줘야지 DB에 Node가 만들어지고, 이건 Dynamic API로써 서로 다른 Segment를 사용해 구성함으로써

DB에 서로다른 노드에 데이터를 저장할수있다.

<Segment,Node,Dynamic API 정리 />

.json을 붙여줘야지 Firebase한테 데이터가 간다. (Firebase의 요구 포멧)

 

  const saveData=[];

  for (const key in data){
    saveData.push({
      id:key,
      title:data[key].title,
      openingText:data[key].openingText
    })
  }

데이터에 접근하기 firebase가 반환해주는거는 key:value 형태로 되있는 객체를 반환해준다.

그래서 빈 배열을 생성하고 for~in 구문을 사용해서 값들을 알맞게 push해준다.