가지가지하네

📗 5주차에 배울 내용[addDoc] 영화 데이터 넣기[getDocs] Firestore Database에서 데이터 가져오기배포가 뭐예요?Github 시작하기Github Pages로 배포하기더 잘 만들고 싶다면?숙제1. [addDoc] 영화 데이터 넣기스파르타플릭스에 Firebase 적용하기 !4주차 [addDoc] 복습이다. (참고: https://gajicoding.tistory.com/22#t4) Firebase 세팅 - SDK 가져오기 및 인스턴스 초기화// Firebase SDK 라이브러리 가져오기import { initializeApp } from "https://www.gstatic.com/firebasejs/9.22.0/firebase-app.js";import { getFirestore..

📗 4주차에 배울 내용Firebase 시작하기데이터베이스 개념 이해하기Firestore Database 시작하기[addDoc] Firestore Database에 데이터 넣기[addDoc] 데이터 넣고, 화면 새로고침 하기(location, alert)[getDocs] Firestore Database에서 데이터 가져오기 4주차는 백엔드에 대해 배운다.1. Firebase 시작하기파이어베이스(Firebase)란?파이어베이스(Firebase)는 구글(Google)이 개발한 모바일 및 웹 애플리케이션 개발 플랫폼이다.백엔드 인프라를 구축하거나 관리하는 복잡한 작업 없이 핵심기능에 집중할 수 있도록 도와준다.웹서버를 대신 만들어주는 서비스서버 개발 없이 제작 가능 파이어베이스(Firebase) 로그인 후 프..

📗 3주차에 배울 내용[추억앨범] 제이쿼리 적용[스타플릭스] 제이쿼리 적용클라라이언트 - 서버 개념 이해하기Fetch 시작하기Fetch 연습하기[추억앨범] Fetch 적용[스타플릭스] Fetch 적용숙제1. [추억앨범] 제이쿼리 적용PostBox 열고 닫기추억 저장하기 버튼에 토글 기능 추가하기토글(toggle)은 두가지 상태 사이를 전환하는 동작을 의미한다.어떤 속성이나 상태를 켜거나 끄는 동작을 말한다. function openclose() { $('#postingbox').toggle();} 나만의 추억 앨범 추억 저장하기 ... 데이터 넣고 카드 생성하기function makeCard() { let image = $('#image..

📗 2주차에 배울 내용[스파르타플릭스] 프로젝트JavaScript에 대해JavaScript 기초문법JavaScript 활용문법 (DOM)JQuery 시작하기JQuery 연습하기2주차는 JavaScript에 대해 배운다.HTML은 뼈대, CSS는 꾸미기, Javascript는 움직이기1. [스파르타플릭스] 프로젝트html, css, bootstrap 복습하며, [스파르타플릭스] 프로젝트 만들기 전체 코드더보기 자바스크립트 문법 연습하기! 1. 함수 결과 확인하기! 2. 붙이기 사과 귤 감 3...

📗 1주차에 배울 내용웹 브라우저 작동 원리코딩 환경 세팅하기HTML 기초로그인 페이지 만들기CSS 기초자주 쓰는 CSS[구글폰트] 잘 가져다 쓰기[부트스트랩] 잘 가져다 쓰기[추억앨범] 프로젝트1. 웹 브라우저 작동 원리브라우저의 역할은 1. 요청을 보내고, 2. 받은 HTML 파일을 그려주는 것웹페이지는 서버에서 준비해두었던 것을 받아서 브라우저에서 우리가 볼 수 있도록 그려주는 역할을 수행한다.브라우저는 주소를 통해 API로 요청을 보내고, API는 요청에 맞는 HTML파일 돌려주고 브라우저는 받은 것을 화면에 그려준다.2. 코딩 환경 세팅하기VS Code 설치 https://code.visualstudio.com/확장팩 설치: live server, 한국어 팩3. HTML 기초 HTML과 CSS..