2024/10 12

[TIL] HTML, Firebase 연동하기

오늘은 Firebase와 Html을 연결하여 Join하고싶은 사람의 정보를 넣으면 Firebase데이터베이스에 저장을 하는 기능을 구현했다. 가장 먼저 해야할 일은 바로 Firebase에 들어가서 프로젝트 생성하기이다.프로젝트를 만들고 설정을 조금 만져주면 된다.이러한 화면의 데이터베이스를 구경할 수 있다. 그렇다면 Html에서 Firebase를 사용하려면 어떻게 해야할까? 먼저 script태그의 속성으로 type="module"를 추가해준다    -> ex) Firebased SDK를 불러오는데 module을 추가하지 않고도 할 수 있지만 이를 추가해주면 훨씬 가볍고 효율적이라고 한다. import { initializeApp } from "https://www.gstatic.com/firebasejs..

카테고리 없음 2024.10.02

[TIL] HTML, Session Storage

내일배움캠프 Spring_7기 본캠프 일정이 시작되었다.어제 TIL쓰는걸 깜빡해서 오늘은 미리쓰려고 하고있다. 1주차 미니 프로젝트로 웹의 기초를 배워 팀원들을 소개하는 사이트를 만드는 중이다. 화면 구성시 필요한 화면   :  Home,  Member,  Join,  News  이렇게 총 4개의 화면 + 멤버의 상세화면을 띄우기로 했다. 내가 맡은 역할은 팀원을 추가하는 부분이다 Join을 눌렀을 경우 Member의 화면에 팀원의 정보를 나타내는 카드가 추가될 수 있도록 하는 역할이다. 4주차 영상인 Firebase를 보지않은 상태로 해당 기능을 만들려고 하다보니 데이터를 저장하지 않고 당장 입력받은 데이터를 가지고 카드를 만드는 방법을 찾아보았다. SessionStorage라는 것을 발견하였고 이를 ..

카테고리 없음 2024.10.01