본캠프 3일차 1

neww·2024년 10월 2일

본캠프

목록 보기
4/7

Firebase
남이 만들어 놓은 데이터 베이스
데이터를 저장해야 하는데
브라우저에서 정보가 생성이 됬는데 그냥 두면 정보가 날아간다.

브라우저에서 새로고침하면 처음썼던 코드만 저장이 됨
데이터를 날릴 때
addDoc firebase 에서 정해놓은 함수로 날림


처음에 firebase 세팅
라이브러리 - 내가 가진 값 넣기 - 인스턴스 초기화
type을 모듈로 바꾸기
모듈로 바꾸면 스크립트가 맨 마지막에 불린다
onclick이 안되서 click을 동적으로 만들어줘야 한다.
동적 : 코드로 click을 달아준다.
코딩으로 해주는구나 라고 생각
4가지 값을 받아와서 document를 하나 만든 다음
addDoc에 넣어줌
alert 하고 refresh

4가지 값을 가지고 와서 temp_html 만들어서 카드에 붙인다.


  • 첫 번째, 파이어베이스를 사용하기 위한 세팅을 진행
  • 두 번째, 파이어스토어에 데이터를 넣었습니다. postbox에 들어온 값들을 변수에 담고, 변수 값들을 컬렉션에 추가했습니다.
  • 세 번째, 파이어스토어에 데이터를 가져왔습니다. 가져온 데이터를 변수에 담고, 카드형식에 각각 값들을 넣어서 카드를 생성했습니다.

나중에 플릭스 할 때도 기본 firebase 세팅은 복사해서 사용하기

0개의 댓글