3. Firebase 연동
·
Programming Language/HTML, CSS
데이터베이스란?● 데이터를 저장하고 여러 사람들이 관리하는 데이터의 모음.  -  왜 데이터 베이스(DB)가 존재하는가?    → 필요한 데이터를 효율적으로 사용하기 위해 ● 데이터베이스의 종류 - 관계형 데이터베이스(=SQL) : 정리된 정보를 다룰 때 사용        주로 사용하는 곳 : 은행, 대기업  - 비관계형 데이터베이스(=NoSQL) : 복잡하거나 유연한 정보를 다룰 때 사용        주로 사용하는 곳 : 스타트업 Firestore Database● 구글 클라우드 기반  NoSQL 데이터베이스 ● 사용 방법         // Firebase SDK 라이브러리 가져오기         import { initializeApp } from "https://www.gstatic.com/fir..
2. 서버(Server) -> 클라이언트(Client), Fetch
·
Programming Language/HTML, CSS
JSON 이해하기● JSON은 Key : Value 로 구성  = 자료형 Dictionary와 비슷함Fetch? 패치!● 수정한 내용을 서버에 보내서 클라이언트 내용을 변경하는 것→ 쉽게 말하면 실시간 멀티 플레이 게임에서 게임 업데이트를 하는 것 = 패치 fetch("여기에 URL을 입력")// 이 URL로 웹 통신을 요청한다. 괄호 안에 다른 것이 없다면 GET!.then(res => res.json()) // 통신 요청을 받은 데이터는 res라는 이름으로 JSON화.then(data => {  console.log(data) // 개발자 도구에 찍어보기 }) // JSON 형태로 바뀐 데이터를 data라는 이름으로 붙여 사용- fetch("여기에 URL을 입력")    → 이 URL로 웹 통신 요청..
1. HTML, CSS 기초
·
Programming Language/HTML, CSS
서버(Server), 클라이언트(Client)● 웹(Web)의 동작 개념 - 브라우저는 그려주는 역할 > 요청을 보내고 받은 HTML 파일을 그려주는 것        즉, 브라우저는 요청을 보내고, 요청을 답으로 받은 걸 그려주는 것 ● 요청은 어디에 보내는 걸까? - 서버(Server)가 만들어 놓은 API 라는 창구에 미리 정해진 약속대로 요청을 보내는 것   => 크롬 브라우저에서 주소 창에 주소를 입력하고 엔터를 입력하는 것으로 요청 ● 우리가 흔히 쓰는 크롬(=브라우저)에서 주소를 통해 API로 요청을 보내고,   API는 요청에 맞는 HTML파일 돌려주고 크롬(=브라우저)는 받은 것을 화면에 그림 ● 항상 HTML 파일로 돌려주는가? - 데이터만 받아서 갈아 끼우는 식으로 작동 HTML● 웹페..