CSS 5

온보딩 주차 - 미니 프로젝트

프로젝트 주제팀 소개 웹 페이지팀원 소개 페이지방명록 페이지팀 노션6조 - 1E + 5I = 6T 6조 - 1E + 5I = 6T | NotionKPT 회고teamsparta.notion.siteGithubhttps://github.com/gajicoding/team-intro GitHub - gajicoding/team-introContribute to gajicoding/team-intro development by creating an account on GitHub.github.com배포https://gajicoding.github.io/team-intro/ E1 + I5 = 6T감수성이 풍부하고 공감을 매우 잘하는 6명이 뭉친 조♡ T Fgajicoding.github.io

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

4주차: firebase project 1

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

3주차: JQuery, fetch

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

1주차: HTML, CSS, Bootstrap

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