TIL 003

 

✏️ 24.12.27 To do list
- 웹개발 종합 4주차, 5주차 강의
- 웹 개발 용어 정리
- TIL 특강
- Git 복습 2번째

 

 오늘 배운 것들

• 데이터베이스
• URL
• 파이어베이스 사용 방법
• 프로젝트 배포 방법
• 함수의 형태 - 함수 선언식, 함수 표현식, 화살표 함수

 

오늘 학습한 내용

01 Database

여러 사람이 쉽게 공유하기 위해 체계적으로 관리되는 데이터의 집합

= 큰 도서관

 

📌 사용하는 이유

정리되어 있는 데이터를 빠르게 찾기 위해

 

📌 종류

관계형 데이터베이스 (SQL)

데이터를 표 형식(행과 열)으로 저장함 = 엑셀 스프레드 시트

표들 사이의 관계를 정의할 수 있어 데이터를 쉽게 연결하고 관리할 수 있음

 

비관계형 데이터베이스 (NoSQL)

데이터를 표가 아닌 다양한 형태(그래프, 키-값)로 저장함 = 자기만의 방식으로 적어둔 노트

관계형 데이터베이스보다 유연하고 구조화되지 않은 데이터를 저장하는데 유용함

 

 

02 Firebase

구글에서 웹 서버를 만들어서 개발자들에게 제공해주는 서비스

https://firebase.google.com/?hl=ko

 

파이어스토어 이용하기

구글의 클라우드 기반 NoSQL 데이터베이스

= 많은 서랍장 안에 문서가 들어가 있는 커다란 창고

 

📌 파이어베이스 세팅 코드

// Firebase SDK 라이브러리 가져오기
import { initializeApp } from "https://www.gstatic.com/firebasejs/9.22.0/firebase-app.js";
import { getFirestore } from "https://www.gstatic.com/firebasejs/9.22.0/firebase-firestore.js";
import { collection, addDoc } from "https://www.gstatic.com/firebasejs/9.22.0/firebase-firestore.js";
import { getDocs } from "https://www.gstatic.com/firebasejs/9.22.0/firebase-firestore.js";


// Firebase 구성 정보 설정
const firebaseConfig = {
	파이어베이스 본인 설정 코드
};


// Firebase 인스턴스 초기화
const app = initializeApp(firebaseConfig);
const db = getFirestore(app);

 

파이어베이스의 한계

백엔드에 대한 컨트롤을 일부 잃게 됨

1. 서버 제어 제한

서버 인프라에 대한 직접적인 컨트롤이 제한됨

 

2. 확장선 제약

규모에 따른 가로 확장성 측면에서 제한이 있음

 

3. 종속성

Google 서비스에 의존하게 됨

외부의 다른 서비스 기능을 활용하기 어려움

 

 

03 URL

Uniform Resource Location

인터넷에서 특정 리소스의 위치를 나타내는 주소

= 웹 페이지의 고유한 주소

 

📌 필요한 이유

특정 웹 페이지나 리소스에 접근할 수 있는 정확한 주소를 제공하기 때문에

 

📌 url 형식

프로토콜://도메인/경로

프로토콜 : 웹 브라우저와 웹 서버 간의 통신 방식

도메인 : 인터넷에서 고유한 식별자로 사용되는 웹 사이트 주소

경로 : 웹 사이트 내에서 특정 페이지나 파일의 위치

 

 

04 프로젝트 배포하기

소프트웨어 개발 과정에서 개발한 앱, 웹 사이트, 서비스 등을 실제로 사용자들에게 제공하는 과정

= 내가 만든 작업물을 외부에 공개하는 일

 

Github 이용하기

온라인에서 백업, 협업, 공유하는 저장소

 

📌 배포 방법

1. 깃허브에 저장소 만들기

2. 만들어 놓은 파일 올리기

3. Setting -> Pages -> Branch에서 none을 main으로 바꾸기

 

 

05 함수의 형태

일반 함수

함수 내에 arguments가 존재하여 () 안에 매개변수를 전달하지 않아도 됨

arguments = 가변인자가 존재하지 않을 때 용이한 배열 형태의 객체

가변인자 = 인자의 개수가 정해지지 않음

 

📌 함수 선언식

function main() {
	console.log("Hello");
}

 

📌 함수 표현식

const main = function() {
	console.log("Hello");
}

 

화살표 함수

함수 내에 arguments가 존재하지 않기 때문에 () 안에 매개변수를 전달해야 됨

읿반 함수의 형태보다 간결하다는 장점이 있음

const main = () => console.log("Hello");