7/2

웹개발 종합반 4주차 강의 정리

Firebase란?

Google이 제공하는 백엔드 서비스 플랫폼으로 서버 없이도 웹/모바일 앱 제작 가능

 

Firestore Database란?

Firebase에서 제공하는 클라우드 기반 NoSQL 데이터베이스

 

<script type="module">

        // 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";

        // For Firebase JS SDK v7.20.0 and later, measurementId is optional

        const firebaseConfig = {

           

        };

< 내 Firebase 설정 코드! (를 올렸다가 Github에 올리지 말라신게 떠올라서 지웠다 ㅋㅋ) >

 

데이터 저장 기능 (addDoc) 과 가져오기 기능 (getDocs) 활용

await addDoc(collection(db, "albums"), doc); // 'albums' 컬렉션에 문서 추가

let docs = await getDocs(collection(db, "albums")); // Firestore에서 'albums' 컬렉션의 모든 문서 가져오기

 

점점 결과물의 완성도가 높아져간다!!!

 

---

웹개발 종합반 5주차 강의 정리

배포란?

배포는 개발한 웹사이트나 서비스를 실제 사용자가 볼 수 있도록 인터넷에 공개하는 과정이다.

URL 구조 : https://spartacodingclub.kr/catalog

- 프로토콜: https

- 도메인: spartacodingclub.kr

- 경로: /catalog

 

Github

소스 코드를 저장하고 다른 사람들과 협업할 수 있는 도구이다.

Github를 통해 만든 웹 페이지를 배포할 수 있다.

Github 에서 직접 수정하거나 VSCode에서 코드를 수정해서 다시 업로드하면 된다.

※주의사항 : 중요한 정보는 올리지 않기!

 

Python

Firebase는 빠르고 간편하지만 제약이 있기에 보다 더 자유롭게 설계하고 사용할 수 있는 Python을 사용한다.

웹스크래핑 : 웹사이트의 HTML 구조를 분석해 특정 정보를 자동으로 추출하는 것

Google Colab을 통해 설치 없이 바로 Python 코드를 실습해볼 수 있었다.

---

웹개발 종합반 마지막 과제!

나만의 웹사이트가 생긴 기분?

 

 

초반에는 에러도 많았고 id 매칭 실수로 값이 안 들어가서 당황했지만, 콘솔 확인과 변수명을 꼼꼼히 체크하면서 점점 문제를 해결해가는 과정이 재밌었다. 특히 tempHtml 변수처럼 소문자 하나 잘못 썼다고 작동이 안 되는 걸 보며 진짜 개발자는 디테일이 중요하다 라는 걸 다시 한번 느꼈다. 수업 막바지에는 GitHub를 통해 내가 만든 웹페이지에 직접 접속할 수 있는 URL이 생겨서 신기하고 뿌듯함도 있었다. 백엔드 개발자의 길은 아직 시작도 못했지만, 프론트엔드가 어떤 구조로 작동하는지에 대해 많은 배움을 얻은 시간이었다.