7월 4일 목요일

부스트랩은 css 관리를 편리하게 해주는 라이브러리였다면,

jQuery는 js 관리를 편리하게 해주는 라이브러리이다.

jQuary

.toggle() = 디스플레이 값을 none

fetch("여기에 URL을 입력") ← 이 URL로 웹 통신 요청을 보낼 거야!

• ← 이 괄호 안에 URL밖에 들어있지 않다면 기본상태인 GET!
• .then() ← 통신 요청을 받은 다음 이렇게 할 거야!
• res ⇒ res.json()
  • ← 통신 요청을 받은 데이터는 res 라는 이름을 붙일 거야(변경 가능)
  • ← res는 JSON 형태로 바꿔서 조작할 수 있게 할 거야!
• .then(data ⇒ {}) ←JSON 형태로 바뀐 데이터를 data 라는 이름으로 붙일 거야

리마인드 GET 요청은, url뒤에 아래와 같이 붙여서 데이터를 가져갑니다. http://naver.com?param=value¶m2=value2

POST 요청은, data : {} 에 넣어서 데이터를 가져갑니다. data: { param: 'value', param2: 'value2' },

success: 성공하면, response 값에 서버의 결과 값을 담아서 함수를 실행한다.

결과가 어떻게 res에 들어가나요? then이 뭐에요? → 일단 모르는 느낌이 있어도 받아들이셔야 합니다..! 형태를 암기하세요!

(대부분의 개발자들도 내부 원리는 코드를 안 뜯어봐서 몰라요.^^;;)

fetch("<http://spartacodingclub.shop/sparta_api/seoulair>")
	.then(res => res.json()) 
	.then(data => { 
		**console.log(data['RealtimeCityAir']['row'][0]);**
	})

 

 

 

강의 4강

파이어 베이스 개설

**파이어베이스(Firebase)**는 구글(Google)이 개발한 모바일 및 웹 애플리케이션 개발 플랫폼입니다. 개발자들이 백엔드 인프라를 구축하거나 관리하는 복잡한 작업 없이 핵심 기능에 집중할 수 있도록 도와줍니다.

설명이 조금 어렵죠? 쉽게 설명 드리면!

• 파이어베이스는 웹 서버를 대신 만들어 주는 서비스
• 서버 개발 없이 제작 가능
• 백엔드 코드 한 줄 없이도 프론트지식(HTML, CSS, JS)만 알아도 웹 서비스 출시 가능!

 

 

 

 

 

데이터 베이스

데이터베이스는 데이터를 저장하고 여러 사람들이 관리하는 데이터의 모음입니다.

 

방 정리는 왜 하는 걸까요? 잘 보관하려고 vs 잘 찾으려고

 

나중에 우리가 잘 찾으려고 미리 정리를 해두는 거예요 즉, 데이터베이스는 데이터를 잘 찾기 위해서 존재하는 것!!

데이터베이스를 사용하면 정보를 쉽게 찾고 업데이트할 수 있고, 많은 양의 정보를 효율적으로 관리할 수 있어요. 그래서 많은 조직과 기업들이 데이터베이스를 사용하고 있답니다!

데이터분석 하기 위해 SQL을 배운다 ▶ SQL DB에서 데이터를 빼내는 방법을 배운다.

 

 

 

데이터베이스의 종류로 관계형 데이터베이스, 비관계형 데이터베이스가 있습니다.

 

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

• 구조: 테이블 형태, 고정 스키마
• 무결성: 강력한 ACID 보장 (Atomicity, Consistency, Isolation, Durability)
• 질의 언어: SQL
• 확장성: 주로 수직적 확장 (성능 업그레이드)
• 사용 사례: 복잡한 쿼리와 트랜잭션 (예: 은행 시스템)
• 예: MySQL, PostgreSQL, Oracle, SQL Server

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

• 구조: 문서, 키-값 쌍, 그래프, 열 가족 등, 유연한 스키마
• 무결성: BASE (Basically Available, Soft state, Eventual consistency), 일부 ACID 보장
• 질의 언어: SQL이 아닌 다양한 질의 언어
• 확장성: 주로 수평적 확장 (분산 저장)
• 사용 사례: 대규모 데이터, 비정형 데이터 (예: 소셜 네트워크)
• 예: MongoDB, Redis, Cassandra, CouchDB