https://mannakingdom.tistory.com/60 [Mini Project_자기소개 웹페이지 만들기] Firebase를 활용한 방명록 페이지 CRUD 구현프로젝트명 : 자기소개 웹페이지 만들기프로젝트 소개 : 팀 전체의 소개와 각자 팀원의 자기소개 웹 페이지를 만듭니다. 모두들 친해지기 바래 :) 역할방명록 페이지 방명록 조회방명록 페이지mannakingdom.tistory.com 위 프로젝트에서 수정한 내용 추가 포스팅❗❗❗ 튜터님께 피드백 받고 적용시킨 내용 정리를 해보겠다.새롭게 적용한 내용은 두 가지이다.방명록 조회 시 작성일자에 대한 내림차순 조회HTML 스크립트를 .js파일로 통합Firebase-Firestore 데이터 정렬 orderBy 적용 let guestBooks = aw..

프로젝트명 : 자기소개 웹페이지 만들기프로젝트 소개 : 팀 전체의 소개와 각자 팀원의 자기소개 웹 페이지를 만듭니다. 모두들 친해지기 바래 :) 역할방명록 페이지 방명록 조회방명록 페이지 수정/삭제 전 비밀번호 확인방명록 수정/삭제방명록 조회란 bootstrap, css 적용 사용하는 기술HTMLJavaScriptJQueryCSSGitHubFirebaseNoSQL 기본키 필드를 추가해야할까? 방명록 페이지의 방명록 조회/수정/삭제를 맡게 되어 팀원분이 방명록을 insert하는것까지 구현한 코드를 전달 받았다.Firebase를 이용하여, 방명록을 입력받고 입력받는 필드는 다음과 같다.postings 방명록 포스팅 컬렉션message 방명록 내용password 삭제/수정 시 사용할 비밀번호username 작..

🤖 사전 캠프 5일차 진행 사항 🤖 웹개발 종합반 4주차 수업4-1 ~ 4-9웹개발 종합반 5주차 수업5-1 ~ 5-9숙제웹개발 종합반 4주차 수업1. Firebase 프로젝트 생성하기더보기1-1. Firebase모바일 및 웹 애플리케이션 개발 플랫폼개발자들이 백엔드 인프라를 구축하거나 관리하는 복잡한 작업 없이 핵심 기능에 집중할 수 있도록 도와줌https://firebase.google.com/?hl=ko Firebase | Google's Mobile and Web App Development Platform개발자가 사용자가 좋아할 만한 앱과 게임을 빌드하도록 지원하는 Google의 모바일 및 웹 앱 개발 플랫폼인 Firebase에 대해 알아보세요.firebase.google.com  1-2. ..

🤖 사전 캠프 4일차 진행 사항 🤖 웹개발 종합반 3주차 수업 3-4 ~ 3-12숙제 웹개발 종합반 3주차 수업1. 클라이언트 - 서버 이해더보기1-1. 서버 → 클라이언트데이터를 주고받는 형식 : JSONKey:Value의 쌍으로 이루어짐주로 인터넷에서 자료를 주고 받을 때 그 자료를 표현하는 방법예) 서울시 미세먼지 OpenAPIhttp://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99 크롬 확장프로그램 JSONVue를 설치하여 편하게 볼 수 있다.https://chromewebstore.google.com/detail/jsonvue/chklaanhfefbnpoihckbnefhakgolnmc?hl=..

🤖 사전 캠프 2일차 진행 사항 🤖 웹개발 종합반 2주차 수업2-1 ~ 2-11웹개발 종합반 2주차 수업 1. 1주차 학습 내용 복습 (HTML, CSS, Bootstrap)더보기1-1. Bootstrap의 Jumbotron 활용하기복사한 HTML 코드를 body 태그 안에 붙여넣으면 Bootstrap의 Jumbotron을 사용할 수 있다.1-2. Bootstrap의 Headers 활용하기https://getbootstrap.com/docs/5.3/examples/headers/ Headers · Bootstrap v5.3 getbootstrap.com  1-3. Bootstrap의 Cards 활용하기https://getbootstrap.com/docs/5.3/components/card/ Cards..