2024/10/04 2

HTML에 Database 연동하기

Firestore Database를 사용한다.Firestore란? : 구글 클라우드 기반 NoSQL데이터베이스이다.Firestore를 왜 사용하는가?(장점) : 사용자가 데이터베이스에 접근하려면 서버를 통해야하고 서버와 통신을 주고받으려면 백엔드 코드를 짜야한다. Firestore는 프로젝트를 만들 때 이 과정을 자동적으로 처리해준다. 또한 백엔드 코드를 짤 필요없이 프론트엔드 지식만으로 데이터베이스를 사용할 수 있게 도와준다.Firestore 단점 : 서버 구축과 백엔드 코드없이 사용한다는 것이 단점이다. 내가 서버나 백엔드 부분을 커스텀할수없다. 1. Firestore Database만들고 적용하기https://console.firebase.google.com/?hl=ko 로그인 - Google 계정..

HTML,CSS,Javascript 2024.10.04

Fetch

Fetch는 무엇인가?=> JavaScript에서 서버와 통신이 가능하게 해주는 매서드다.Fetch를 왜 쓰는가?=> HTML에서 어떠한 정보를 바꾸고 싶을때 화면전체를 바꾸지않고 바꾸고싶은 특정 정보만 바꾸기 위해 사용한다.(만약 특정 정보를 바꾸기 위해 화면 전체를 새로고침할 때 페이지의 용량이 크다면 로딩시간이 길어지고 중복으로 불러오는 데이터가 많아 메모리 소모도 클 것이기 때문이다.)  1. Fetch 연습하기-서울시 미세먼지 데이터(openAPI)를 가지고 연습한다.(딕셔너리 형태)  1)미세먼지 데이터에서 첫번째 데이터를 가져오기fetch(url).then(res => res.json()).then(data => {                console.log(data['RealtimeC..

HTML,CSS,Javascript 2024.10.04