[왕초보] 웹개발 종합반 4주차

프론트엔드(Front End)

눈에 보이는 것

백엔드에 요청함

백엔드에 응답받음

HTML, CSS, JavaScript

 

백엔드(Back End)

눈에 보이지 않는 것

프론트앤드로부터 요청받음

프론트앤드에 응답함

Server, DB, API

 

파이어베이스(Firebase)

모바일 및 웹 어플리케이션 개발 플랫폼

서버 개발 없이 제작 가능

웹 서버를 대신 만들어 주는 것

구글이 개발

백엔드 코드 없이 프론트만 알아도 웹 서비스 제작 가능

개발 코드 1. 서버로 데이터 전송하는 코드

                    (프론트에서 작성)

개발 코드 2. 데이터 전달받고 DB에 저장하는 코드

(파이어베이스에서 작성, 용량초과만 안 하면 괜찮음)

 

데이터베이스(Database)

데이터를 저장하고 여러 사람들이 관리하는 데이터의 모음

각 데이터베이스 유형은 다른 용도와 장단점을 가짐

데이터베이스 구조와 요구 사항에 맞춰

적절한 데이터베이스의 유형을 선택하는 것이 중요

한글, 워드, 엑셀같은 프로그램

차트에서 '홍길동'을 찾으면

1행 1열부터 조회하는게 아니라 바로 찾음

 

 

데이터베이스를 사용하는 이유

데이터 정보를 쉽게 조회, 업데이트 및 효율적인 관리를 할 수 있기 때문

 

데이터베이스의 역할

 A. 관계형 데이터베이스 SQL

정리된 정보를 다룰 때 사용

은행, 대기업

틀 구조

엑셀, Access

실수가 나오면 안됌

 

B. 비관계형 데이터베이스 NoSQL

Not Only의 약자 (Yes, No의 No가 아님)

복잡하거나 유연한 정보를 다룰 때 사용

스타트업 회사

수정할 가능성이 높음

관계형보다 자유도가 높음

 

인덱스 (index)

주문 번호

회원 번호, 주문 번호로 되어있으면, 대용량의 데이터가 있어도 바로 가져올 수 있음

 

파이어베이스(Firebase)

남이 만들어놓은 데이터베이스

구글의 클라우드 기 NoSql

파이어 스토어는 커다란 창고이고,

이 안에는 많은 서랍장들이 있으며 다른 종류의 문서들이 있음

 

파이어베이스(Firebase) 생성하는 방법

구글 로그인 →

Cloud Firestore 메뉴 접속 →

데이터베이스 버튼 클릭 →

Cloud Firebase 위치

→ 'asia-northeast3(Seoul)'로 변경 →

사용 설정 버튼 클릭 →

프로덕션 모드에서 시작 클릭 →

다음 버튼 클릭

→ allow read, write: if true; <false를 true로 수정>

 

 

window.location.reload();

새로고침

 

파이어베이스 삭제하는 방법

컬렉션 → 우측 상단 점 3개 클릭 → 삭제 시작 버튼 클