javascript 4

[📗 왕초보 웹개발 종합반] 5주차: Firebase project 2, Github

📗 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..

Web/강의 2025.03.20

[📗 왕초보 웹개발 종합반] 4주차: firebase project 1

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

Web/강의 2025.03.19

[📗 왕초보 웹개발 종합반] 3주차: JQuery, fetch

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

Web/강의 2025.03.19

[📗 왕초보 웹개발 종합반] 2주차: Bootstrap, Javascript

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

Web/강의 2025.03.18